/* STUDENT PORTAL VISUAL INTEGRATION V1.1 -- Student Login's own BelajarLand
   visual treatment, self-contained: LITERAL color values throughout, never
   `var(--custom-property)`.

   Root cause this replaces: real, reproducible browser evidence (see
   VISUAL INTEGRATION V1.1's own diagnosis) showed CSS custom properties
   declared in a `:root { }` block inside an EXTERNALLY LINKED stylesheet
   (this file, loaded via `<link rel="stylesheet">`) silently failed to
   resolve in the QA environment's headless Chrome build -- the identical
   `:root { --x: ... }` declaration worked correctly when injected inline
   via `<style>` on the SAME page/load, and other (non-custom-property)
   rules from this SAME linked file applied correctly, isolating the
   failure specifically to var()-based values from a linked stylesheet.
   `background-color: var(--slog-purple)` on the submit button silently
   fell back to `transparent` (background-color's initial value) while its
   `color: #ffffff` (already a literal) still applied -- white text on a
   transparent background over a white card, i.e. a fully invisible but
   still-functional Sign In button. Whether this is a quirk specific to
   this one QA browser build or a real, rarer production risk, literal
   values are strictly safer here and cost nothing -- this file is small
   and self-contained, so there is no meaningful maintainability trade-off. */

body.student-login {
    min-height: 100vh;
    padding: 1.5rem;
    background: linear-gradient(160deg, #7c5cff 0%, #5b3df0 100%);
    font-family: 'Nunito', system-ui, sans-serif;
}

.student-login__card {
    max-width: 420px;
    width: 100%;
    border: none;
    border-radius: 24px;
    box-shadow: 0 20px 45px rgba(43, 36, 64, 0.25);
    background: #ffffff;
    color: #2c2350;
}

.student-login__brand {
    font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif;
    font-weight: 800;
    color: #5b3df0;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.student-login__heading {
    font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif;
    font-weight: 800;
    color: #2c2350;
}

.student-login__card .text-muted {
    color: #6b6690 !important;
}

.student-login__card .form-label {
    color: #2c2350;
}

.student-login__submit {
    background-color: #7c5cff;
    border-color: #7c5cff;
    font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.65rem 1.5rem;
    color: #ffffff;
}

.student-login__submit:hover,
.student-login__submit:focus-visible {
    background-color: #5b3df0;
    border-color: #5b3df0;
    color: #ffffff;
}

@media (max-width: 420px) {
    .student-login__card {
        border-radius: 18px;
    }
}