/* NEXAM R7.24 - EdTech light abstract background (student login only).
   Decorative layer only: no login form, auth, session, or database changes. */
body,
body.login-page {
    background-color: #f3f7ff !important;
    background-image:
        linear-gradient(120deg, rgba(248, 251, 255, .04), rgba(244, 250, 255, .08)),
        url('../images/nexam-edtech-login-bg.svg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color-scheme: light;
}

/* Replace the dark wash of the previous theme without touching centering or layout. */
body .overlay,
body.login-page .overlay {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Lift the existing login card gently above the pale artwork. */
body .glass-card,
body.login-page .glass-card {
    box-shadow:
        0 26px 70px rgba(31, 68, 121, .19),
        0 9px 26px rgba(37, 99, 235, .08),
        inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}
body .glass-card:hover,
body.login-page .glass-card:hover {
    box-shadow:
        0 29px 76px rgba(31, 68, 121, .22),
        0 10px 28px rgba(37, 99, 235, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

@media (max-width: 767.98px) {
    body,
body.login-page {
        background-position: 51% center !important;
        background-attachment: scroll !important;
    }
    body .overlay,
body.login-page .overlay {
        background: rgba(248, 251, 255, .18) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .glass-card,
body.login-page .glass-card { transition: none !important; }
}
