/* Small account pages (forgot-password, reset-password, verify-email,
   teacher-login) in the same look as login.html: navy background, the logo,
   Libre Baskerville headings. Load after the page's own styles; the page adds
   class="auth-page" to <body>. */
body.auth-page {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #14243d;
}
.auth-page .forgot-password-container,
.auth-page .reset-password-container,
.auth-page > .container,
.auth-page .login-container {
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.auth-page .brand-logo,
.auth-page .logo {
    font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    font-weight: 700;
    color: #1a365d;
    background: none;
    -webkit-text-fill-color: currentColor;
    letter-spacing: -0.5px;
}
.auth-page .brand-logo::before,
.auth-page .logo::before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto 10px;
    background: url('logo.svg') center / contain no-repeat;
}
.auth-page .brand-tagline,
.auth-page .brand-subtitle {
    font-size: 0.85rem;
    font-weight: 500;
    color: #4a5568;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.auth-page .brand-tagline::before, .auth-page .brand-tagline::after,
.auth-page .brand-subtitle::before, .auth-page .brand-subtitle::after {
    content: '';
    width: 16px;
    height: 1px;
    background: #87a4c8;
}
.auth-page .page-title,
.auth-page .form-title,
.auth-page .success-title,
.auth-page .error-title,
.auth-page .hero-title {
    font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    font-weight: 700;
}
.auth-page .page-title,
.auth-page .form-title,
.auth-page .success-title { color: #1a202c; }
.auth-page .form-control:focus { border-color: #2b6cb0; box-shadow: 0 0 0 3px rgba(43,108,176,.15); }
.auth-page .btn-submit,
.auth-page .btn-login,
.auth-page .btn-primary {
    background: #2b6cb0;
    border: none;
    color: #ffffff;
}
.auth-page .btn-submit:hover,
.auth-page .btn-login:hover,
.auth-page .btn-primary:hover { background: #2d4a66; }
.auth-page .back-to-login a,
.auth-page .btn-secondary { color: #2b6cb0; border-color: #2b6cb0; }
.auth-page .login-hero { background: #14243d; }