/* login.html — page-only styles. Shared pieces live in components.css. */

/* ==========================================================================
   LOGIN - Thematic Ink & Gold Glassmorphism
   Every rule is scoped under .login-page so form styles never leak into
   the header, navigation or other partials.
   ========================================================================== */
.login-page {
    max-width: 460px;
}

/* Page Header */

.login-subtitle {
    max-width: 400px;
}

/* Form Card */

.login-forgot-link {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: var(--ink-gold);
    text-decoration: none;
}

.login-forgot-link:hover {
    text-decoration: underline;
}

/* Legal consent (markup comes from _legal.html) */
.login-consent {
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--ink-mountain-wash);
}

.login-consent a {
    color: var(--ink-gold);
    font-weight: 700;
    text-decoration: none;
}

.login-consent a:hover {
    text-decoration: underline;
}