/* =============================================================
   KFC33 — LOGIN / REGISTER PAGE
   Page-specific styling for the auth screen (login.html).
   Loaded after core.css.

   The reusable auth UI — the .auth-tabs switcher, the .auth-panel
   cards and their show/hide mechanism, and the in-panel form rhythm —
   now lives in core.css under [marker: core-auth] (it is shared with
   the in-page auth modal). Other primitives it relies on (form
   controls, the submit button, the .checkbox control and the captcha
   row) also live in core.css. Only the bits unique to THIS page —
   the centered auth column, the remember-me spacing, and the page
   entrance animation — remain here.

   The page ships BOTH the login and register panels in the DOM.
   The real site swaps them server-side via ?tab=; this static
   copy shows the login panel (matching the active "Sign in" tab)
   and hides the register panel with CSS only.
   ============================================================= */

/* -------------------------------------------------------------
   Page shell — a focused, centered auth column
   ------------------------------------------------------------- */
.auth-page {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    text-align: left;
}

/* -------------------------------------------------------------
   Remember-me row — tighten against the field above
   ------------------------------------------------------------- */
.field-loginform-rememberme {
    padding-top: 0.1rem;
}

/* -------------------------------------------------------------
   Entrance — gentle staggered rise (matches sibling pages).
   Scoped to .auth-page so it stays a login-PAGE behavior and never
   touches the shared .auth-tabs / .auth-panel used by the modal.
   ------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
    .auth-page .auth-tabs {
        animation: auth-rise 0.5s var(--ease) both;
    }

    .auth-page .auth-panel--login {
        animation: auth-rise 0.55s var(--ease) 0.08s both;
    }
}

@keyframes auth-rise {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}