/* RODEO — auth pages (forgot / reset). Calm, centered, western-warm glass. */
.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.auth-card{max-width:420px;width:100%;padding:34px 30px}
.auth-kicker{margin:0 0 6px;font-size:.72rem;letter-spacing:.32em;color:var(--ink-soft);font-weight:600}
.auth-h1{font-family:var(--f-display);font-size:clamp(1.7rem,4vw,2.2rem);font-weight:720;margin:0 0 .5rem;letter-spacing:-.01em}
.auth-lead{color:var(--ink-soft);margin:0 0 1.4rem}
.auth-form{display:flex;flex-direction:column;gap:12px}
/* labels are VISIBLE and stay put (older users are the primary audience — a placeholder that vanishes
   the moment you type is not a label). The label hugs its own field; more air before the next group. */
.auth-form label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);
  letter-spacing:.01em;margin:.2rem 0 -.4rem}
.auth-form input{min-height:48px;padding:.7rem .95rem;border-radius:var(--radius);
  border:1px solid var(--glass-edge);background:rgba(18,14,11,.5);color:var(--ink);
  font-family:var(--f-body);font-size:var(--fs-body)}
.auth-form input:focus{border-color:var(--ember)}
.auth-form input::placeholder{color:var(--ink-soft);opacity:1}   /* AA-legible hint, not a 3.9:1 ghost */
.auth-form .btn{justify-content:center;min-height:48px}
.auth-note{min-height:1.2rem;margin:1rem 0 0;font-size:.9rem;color:var(--verified)}
.auth-note.err{color:var(--ember-hi)}
.auth-alt{margin:1.3rem 0 0;font-size:.88rem}
.auth-alt a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}
.auth-alt a:hover{color:var(--ink)}