/* ── Auth pages: login / register / forgot-password / reset-password / verify-email ── */

body {
    background: #0d1b3d;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.card { border: none; border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,.25); width: min(100%, 420px); min-width: 0; }
.brand { font-size: 2rem; font-weight: 700; color: #1d4ed8; letter-spacing: -1px; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.brand span { color: #198754; }
.brand .brand-logo { width: 72px; height: 72px; object-fit: contain; border-radius: 18px; }

/* register page */
body[data-page="register"] .card { width: min(100%, 480px); max-width: 480px; }

/* reset password page */
body[data-page="reset-password"] .pw-rule { font-size: 12px; color: #6b7280; margin: 0; }
body[data-page="reset-password"] .pw-rule.valid { color: #16a34a; }

/* verify email page */
body[data-page="verify-email"] .card { width: min(100%, 460px); }
body[data-page="verify-email"] .icon-circle { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; }
body[data-page="verify-email"] .icon-success { background: #dcfce7; }
body[data-page="verify-email"] .icon-error   { background: #fee2e2; }
body[data-page="verify-email"] .icon-pending { background: #dbeafe; }