/* AUTH — sign-in / sign-up / reset screens. */
.authwrap { min-height: var(--viewport-full); display: grid; place-items: center; padding: var(--space-2xl); }
.authcard {
  width: min(var(--auth-card-w), 100%); background: var(--color-surface); border-radius: var(--radius-2xl);
  padding: var(--auth-padding-y) var(--space-3xl) var(--space-3xl); box-shadow: var(--shadow-overlay); animation: pop-in var(--dur-slow) var(--ease);
}
.authcard .logo { display: block; width: var(--logo-auth); height: var(--logo-auth); margin: var(--space-0) auto var(--space-lg); object-fit: contain; }
.authcard h1 { text-align: center; font-size: var(--text-h1-sm); }
.authcard .lead { text-align: center; color: var(--color-text-muted); margin: var(--space-xs) 0 var(--space-2xl); }
.codeinput { text-align: center; font-size: var(--text-code-input) !important; letter-spacing: var(--tracking-code); font-family: var(--font-mono); height: var(--control-h-xl) !important; }