.v3root .auth{min-height:100vh;padding:var(--space-16) var(--space-4);background:var(--bg);place-items:start center;display:grid}.v3root .auth-col{gap:var(--space-5);width:100%;max-width:420px;display:grid}.v3root .auth-brand{justify-items:center;gap:var(--space-3);text-align:center;margin-bottom:var(--space-2);display:grid}.v3root .auth-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:var(--text-2xl);line-height:1.2}.v3root .auth-line{color:var(--text-muted);max-width:36ch;line-height:1.5}.v3root .auth-card{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.v3root .auth-card .btn-primary{width:100%;height:calc(var(--control-h) + 4px)}.v3root .auth-alt{text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.v3root .auth-alt a{color:var(--accent-ink);font-weight:550}.v3root .auth-alt a:hover{text-decoration:underline}.v3root .auth-demo{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--sunken);display:grid}.v3root .auth-demo-head{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.v3root .auth-demo-head svg{color:var(--accent-ink)}.v3root .auth-demo-btns{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.v3root .auth-demo-creds{font-size:var(--text-xs);color:var(--text-faint);line-height:1.6}.v3root .auth-demo-creds code{font-family:var(--font-mono);color:var(--text-muted)}.v3root .plan-pick{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.v3root .plan-opt{position:relative}.v3root .plan-opt input{opacity:0;position:absolute}.v3root .plan-opt>span{height:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;gap:2px;display:grid}.v3root .plan-opt input:checked+span{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.v3root .plan-opt input:focus-visible+span{outline:2px solid var(--accent-ink);outline-offset:2px}.v3root .plan-name{font-weight:650}.v3root .auth-demo-onboard{width:100%;margin-top:var(--space-2)}.v3root .auth-classic{padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text)}