/* NEXAM EdTech Background V2 — login siswa only.
   Two independent layers:
   (1) clearly colored background, (2) transparent edge ornaments shown above
   opaque application wrappers. No input, authentication, navigation, or DB changes. */
html {
    background-color: #edf5ff !important;
}
html body,
html body.login-page {
    background-color: #edf5ff !important;
    background-image: url('../images/nexam-edtech-background-v2.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Neutralize the older dark/white overlay in classic NEXAM login. */
html body.login-page .overlay,
html body .overlay {
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Edge motifs remain visible even if the live redesign uses an opaque wrapper.
   The SVG is fully transparent in its central login area. */
html body #nexam-edtech-bg-v2 {
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
    background: url('../images/nexam-edtech-accents-v2.svg') no-repeat center center / cover !important;
    opacity: 1 !important;
    z-index: 2147483000 !important;
}

/* Legacy card gets a more premium floating shadow; modern login card stays intact. */
html body .glass-card {
    box-shadow: 0 30px 80px rgba(26, 62, 126, .17), 0 10px 30px rgba(38, 114, 198, .07) !important;
}
@media (max-width: 768px) {
    html body,
    html body.login-page {
        background-position: center center !important;
        background-attachment: scroll !important;
    }
    html body #nexam-edtech-bg-v2 {
        opacity: .28 !important; /* prioritize the form on small screens */
        background-size: auto 100% !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body #nexam-edtech-bg-v2 { animation: none !important; transition: none !important; }
}