/* ============================================================
   APS — Academic Performance System · Login screen
   Crimson brand (#d8002e) + responsive/mobile polish.
   ============================================================ */

/* Brand the animated background gradient (was pastel green/blue). */
.radial-gradient::before {
    background: radial-gradient(#ffe3e9, #ffc2cf, #ff9fb1) 0 0 / 400% 400% !important;
    opacity: .35;
}

/* Left brand panel logo (xl and up). */
.auth-brand-logo {
    max-width: 440px;
    width: 100%;
    height: auto;
}

/* Logo shown above the form on smaller screens (where the side panel is hidden). */
.auth-mobile-logo img {
    max-width: 170px;
    height: auto;
}

/* Headings */
.authentication-login h2 {
    font-size: 1.6rem;
}

/* Comfortable spacing on phones */
@media (max-width: 575.98px) {
    .authentication-login {
        padding: 1.5rem 0.75rem !important;
        min-height: 100vh;
    }

        .authentication-login .auth-max-width {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }

    .authentication-login h2 {
        font-size: 1.4rem;
    }
}

/* Sign-in button: tame the theme's oversized py-8 padding. */
#submitBtn {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
    font-weight: 600;
}