.auth-shell{isolation:isolate;gap:var(--space-6);width:100%;max-width:var(--form-width);padding-block:clamp(24px,6vh,72px) var(--space-12);margin-inline:auto;display:grid;position:relative}.auth-shell__aura{z-index:-1;aspect-ratio:5/3;opacity:.55;pointer-events:none;background:radial-gradient(closest-side at 50% 30%, color-mix(in oklab, var(--brand) 24%, transparent), transparent 74%);position:absolute;inset:0 0 auto}.auth-panel{gap:var(--space-6);border:1px solid var(--border);border-radius:var(--sy-radius-card);background:var(--bg-elevated);box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,40px);display:grid}.auth-panel__head{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.auth-panel__mark{width:52px;height:52px;margin-bottom:var(--space-1);place-items:center;display:grid}.auth-panel__mark img{width:100%;height:auto}.official-mark-light,:root[data-theme=light] .official-mark-dark{display:none}:root[data-theme=light] .official-mark-light{display:block}.auth-eyebrow{color:var(--accent-ink);font:400 var(--text-xs)/1.6 var(--font-detail);letter-spacing:.07em;text-transform:uppercase}.auth-title{font:500 clamp(1.8rem,4.4vw,2.35rem)/1.14 var(--font-display);letter-spacing:-.05em;text-wrap:balance;max-width:16ch}.auth-panel__body{gap:var(--space-6);display:grid}.auth-panel__lede{text-align:center;font-size:var(--text-sm)}.auth-shell__note{text-align:center;color:var(--text-muted);font:var(--text-xs)/1.7 var(--font-detail)}.auth-description{color:var(--text-muted);font-size:var(--text-body-lg);max-width:46ch;line-height:1.7}.auth-stack{gap:var(--space-6);min-width:0;display:grid}.auth-stack--tight{gap:var(--space-2)}.auth-stack--loose{gap:var(--space-6)}.auth-step-title{font:500 clamp(1.35rem,2vw,1.78rem)/1.25 var(--font-display);letter-spacing:-.035em}.auth-muted,.auth-copy{color:var(--text-muted);line-height:1.65}.auth-target{color:var(--text);overflow-wrap:anywhere;font-weight:500}.auth-providers{gap:var(--space-3);display:grid}.auth-provider{gap:var(--space-4);text-align:left;background:var(--bg-elevated);grid-template-columns:20px 1fr 16px;width:100%;min-height:52px;display:grid}.auth-provider>:last-child{color:var(--text-muted)}.auth-divider{align-items:center;gap:var(--space-4);color:var(--text-muted);font:var(--text-xs)/1.6 var(--font-detail);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-otp-input{font-family:var(--font-detail);letter-spacing:.42em;text-align:center;min-height:72px;padding-left:calc(var(--space-4) + .42em);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,4vw,2rem)}.auth-panel__body .astra-button--primary{min-height:52px}.auth-note{font-size:var(--text-sm);border-left:2px solid var(--accent-ink);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);color:var(--text-muted);line-height:1.7}.auth-note strong{color:var(--text)}.auth-legal{font-size:var(--text-xs);text-align:center;color:var(--text-muted);text-wrap:pretty;line-height:2.4}.auth-legal a{color:var(--text);text-underline-offset:.25em;padding-block:.95rem;text-decoration:underline;display:inline}.auth-switch{text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.auth-switch a{align-items:center;gap:var(--space-2);min-height:var(--hit);color:var(--accent-ink);display:inline-flex}.auth-switch a:hover,.auth-legal a:hover{text-underline-offset:.25em;text-decoration:underline}.auth-switch a[aria-disabled=true]{opacity:.55;cursor:wait}.auth-handoff-mark{color:var(--accent-ink)}.auth-handoff .auth-eyebrow{margin:0}.auth-loading{min-height:280px;color:var(--text-muted);font:var(--text-sm) var(--font-detail);place-content:center;display:grid}.auth-loading-fallback{justify-items:center;gap:var(--space-4);max-width:var(--form-width);padding-block:var(--space-12);text-align:center;margin-inline:auto;display:grid}.auth-stage{animation:auth-enter .18s var(--ease-enter)}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.auth-shell{padding-block:var(--space-6) var(--space-8);gap:var(--space-4)}.auth-panel{padding:var(--space-6) var(--space-4)}.auth-title{font-size:clamp(1.6rem,7vw,2rem)}}@media (width<=389px){.auth-panel{padding:var(--space-4);border-radius:var(--sy-radius-input)}}@media (prefers-reduced-motion:reduce){.auth-stage{animation:none}}