/* Apply Montserrat to all elements */
        :root {
            --primary-color: #00adef; /* Your requested color */
            --dark-color: #1f2937;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            /* UPDATED Fancy background: Fading from White to Blue, then to Dark. 
               The blue color stop is moved to 60% to increase the visible white area. */
            background: linear-gradient(to bottom right, #FFFFFF 0%, var(--primary-color) 60%, var(--dark-color) 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .login-card {
            /* Keep existing shadow and remove backdrop blur since the card is solid white now */
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
        }
        
        .logo-placeholder {
             /* Custom styling for the logo box */
            background: rgba(0, 173, 239, 0.1);
            border: 1px solid rgba(0, 173, 239, 0.3);
            /* Removed primary-color default color to rely on Tailwind classes for text */
        }

        /* Custom focus state for inputs */
        input:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(0, 173, 239, 0.5);
            outline: none;
        }

        .btn-primary {
            background-color: var(--primary-color);
            transition: background-color 0.2s;
        }

        .btn-primary:hover {
            background-color: #0087c5; /* Slightly darker hover */
        }