/* ──────────────────────────────────────────────────────────────
   Auth pages — Haus Vajbz. Login, register, forgot, reset share one
   narrow column: 4px red top rule, mono eyebrow, two-tone Archivo title,
   a labelled form (primitives in hv/theme.css), the "or" rule and the
   Google button. Mobile first; tokens only; no radius, no shadow.
   Spec: plan/hausvajbz/07_account_emails_wallet.md
   ────────────────────────────────────────────────────────────── */

.au { padding-block: 1.4rem 3.5rem; }
.au-card { border-top: 4px solid var(--red); padding-top: 1.1rem; }
.au-eyebrow { margin: 0 0 0.9rem; }
.au-card .au-title { font-size: clamp(2.6rem, 12vw, 3.8rem); margin-bottom: 1.4rem; }   /* beats the theme h1 reset */
.au-lead { margin: 0 0 1.2rem; color: var(--ink-2); }

.au-form { padding-top: 0.2rem; }
.au-label-row { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; }
.au-forgot { color: var(--red); text-decoration: none; white-space: nowrap; }
.au-forgot:hover { text-decoration: underline; }
.au-remember { font-size: 0.95rem; color: var(--ink-2); }
.au-terms { margin: 0; font-size: 0.66rem; line-height: 1.5; text-transform: none; letter-spacing: 0.04em; }
.au-terms a { color: var(--red); text-decoration: none; font-weight: 600; }
.au-terms a:hover { text-decoration: underline; }

/* "check your inbox" block replaces the form: same column, ink CTA */
.au-sent { display: grid; gap: 1rem; }
.au-sent .hv-body { margin: 0; }
.au-sent b { color: var(--red); overflow-wrap: anywhere; }

/* submit while busy */
.hv-btn.is-busy { opacity: 0.7; pointer-events: none; }

@media (min-width: 640px) {
  .au { padding-block-start: 3rem; }
  .au-card { max-width: 440px; margin-inline: auto; }
  .au-card .au-title { font-size: 3.6rem; }
}
@media (min-width: 1024px) {
  .au { padding-block: 4.5rem 6rem; }
}