/* auth.ronanrx.com landing — on-brand. Reuses waiver-sign.css for brand tokens,
   fonts (Newsreader/Geist), .appbar, .card, .stage, .screen. This file is the page-specific layer. */

.auth-stage { align-items:flex-start; padding-top:clamp(28px,8vw,72px); }
.auth-card { max-width:480px; margin:0 auto; }
.auth-card h1 { font-family:var(--font-serif); font-weight:400; font-size:clamp(26px,4.6vw,36px); line-height:1.08; letter-spacing:-.01em; color:var(--ink); margin:0 0 14px; }
.auth-card p { font:400 16px/1.6 var(--font-sans); color:var(--ink-muted); margin:0 0 14px; text-align:justify; }
.auth-card p:last-child { margin-bottom:0; text-align:center; }

.auth-status { display:inline-flex; align-items:center; gap:8px; margin-top:4px;
  font:600 13px/1 var(--font-sans); color:var(--brand);
  background:var(--mint); border:1px solid var(--sage); border-radius:999px; padding:7px 12px; }
.auth-status .dot { width:7px; height:7px; border-radius:50%; background:var(--brand); }

.auth-foot { max-width:480px; margin:18px auto 0; text-align:center;
  font:500 12.5px/1.5 var(--font-sans); color:var(--ink-muted); }