Mini Kabibi Habibi

        /* Slim banner style */
        .banner {
            background-color: #004D40; /* Banner background */
            color: white; /* Text color */
            text-align: center;
            padding: 10px 0; /* Slim padding */
            font-family: Arial, sans-serif;
        }

        .banner p {
            margin: 0; /* Remove margin for compactness */
            font-size: 16px; /* Adjust font size for slim look */
        }

        .banner .large-text {
            font-size: 24px; /* Make main title larger */
            font-weight: bold;
        }

        /* Adjusting the width of the login container */
        .login-container {
            width: 300px;
            margin: 30px auto 0 auto; /* ⬅️ Added top margin here */
            padding: 20px;
            background-color: #f4f4f4;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }


        /* Styling the input fields */
        .login-container input {
            width: 100%; /* Make inputs fill the container width */
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        /* Styling the login button */
        .login-container button {
            width: 100%;
            padding: 10px;
            background-color: #004D40; /* Same as the banner */
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        /* Hover effect for the login button */
        .login-container button:hover {
            background-color: #003c33; /* Darker shade on hover */
        }

        /* Error message styling */
        .error {
            padding: 10px;
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
            border-radius: 4px;
            text-align: center;
            margin-bottom: 15px;
        }
        .logo {
            display: block;
            margin: 0 auto 15px auto;
            max-width: 120px;
            height: auto;
        }
        .register-link {
            display: none;
        }