:where(.s-auth){--bd:#7a3a1c;--pad:clamp(1rem,4vw,4rem);min-height:100svh;padding:var(--pad);background:radial-gradient(120% 90% at 50% 0%,color-mix(in oklab,var(--bd),white 12%),var(--bd) 55%,color-mix(in oklab,var(--bd),black 28%));grid-template-columns:minmax(0,1fr);place-items:center;display:grid}:where(.s-auth) .auth{gap:var(--space-4);width:min(100%,76rem);height:min(48rem,calc(100svh - 2*var(--pad)));min-height:40rem;padding:var(--space-4);background:color-mix(in oklab,var(--bd) 14%,var(--ink-1));border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;box-shadow:inset 0 0 0 1px #ffffff0f,0 50px 120px -40px #080610bf,0 20px 40px -20px #08061080}:where(.s-auth) .cz-field{background:color-mix(in oklab,var(--bd) 20%,var(--ink-2))}:where(.s-auth) .show{border-radius:var(--r-2xl);background:var(--ink-1);height:100%;position:relative;overflow:hidden;container-type:size}:where(.s-auth) .show__top{z-index:2;inset:var(--space-6) var(--space-6) auto;align-items:center;display:flex;position:absolute}:where(.s-auth) .show__top .cz-chip{align-items:center;gap:var(--space-2);display:flex}:where(.s-auth) .scene{opacity:0;transition:opacity .9s var(--ease-standard),transform 1.4s var(--ease-standard);background:linear-gradient(#050507b3,#05050700 24%,#05050700 56%,#050507 88%),radial-gradient(ellipse var(--size) at var(--at),#fbbf24 0%,#f97316 24%,#c2410c 46%,#5c1d0a 66%,#050507 92%);position:absolute;inset:0;transform:scale(1.04)}:where(.s-auth) .scene.on{opacity:1;transform:none}:where(.s-auth) .stage{aspect-ratio:1;width:min(84cqw,56cqh);position:absolute;top:14cqh;left:50%;translate:-50%}:where(.s-auth) .o{position:absolute}:where(.s-auth) .o svg{width:100%;height:auto;animation:auth-float var(--d) ease-in-out infinite alternate;display:block;overflow:visible}:where(.s-auth) .o svg *{stroke:#050507;stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}:where(.s-auth) .wk{text-align:center;width:26%;color:var(--bone);white-space:nowrap;letter-spacing:.04em;margin:0;position:absolute;top:0}:where(.s-auth) .cap{inset:auto var(--space-4) max(3.25rem,8cqh);text-align:center;letter-spacing:-.03em;font-size:clamp(1.25rem,5cqw,2.25rem);font-weight:700;line-height:1.1;position:absolute}:where(.s-auth) .show:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rule);pointer-events:none;position:absolute;inset:0}:where(.s-auth) .grain{opacity:.28;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");position:absolute;inset:0}:where(.s-auth) .dots{z-index:2;justify-content:center;gap:var(--space-2);display:flex;position:absolute;bottom:max(.5rem,3cqh);left:0;right:0}:where(.s-auth) .dots button{padding:12px 0}:where(.s-auth) .dots i{border-radius:var(--r-pill);width:28px;height:4px;transition:width .45s var(--ease-standard);background:#ffffff47;display:block;overflow:hidden}:where(.s-auth) .dots .on i{width:56px}:where(.s-auth) .dots b{background:var(--grad-amber);transform-origin:0;height:100%;display:block;transform:scaleX(0)}:where(.s-auth) .dots .on b{animation:5s linear forwards auth-fill}:where(.s-auth) .dots button:focus-visible{outline:2px solid var(--bone);outline-offset:2px;border-radius:var(--r-sm)}:where(.s-auth) .side{padding:var(--space-8) clamp(.5rem,4vw,4rem);place-items:center;display:grid;overflow-y:auto}:where(.s-auth) .col{width:100%;max-width:30rem}:where(.s-auth) .col .h1{font-size:clamp(2rem,3.4vw,3rem)}:where(.s-auth) .col>*{animation:rise var(--dur-reveal) var(--ease-standard) both}:where(.s-auth) .col>:nth-child(2){animation-delay:.12s}:where(.s-auth) .col>:nth-child(3){animation-delay:.24s}:where(.s-auth) .col .lead{margin:var(--space-4) 0 var(--space-12)}:where(.s-auth) .col a,:where(.s-auth) .link{color:var(--bone);text-underline-offset:3px;text-decoration:underline}:where(.s-auth) .link{padding:0}:where(.s-auth) form{gap:var(--space-4);display:grid}:where(.s-auth) .two{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}:where(.s-auth) .code{gap:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid;position:relative}:where(.s-auth) .code input{opacity:0;width:100%;height:100%;position:absolute;inset:0}:where(.s-auth) .code i{font-variant-numeric:tabular-nums;place-items:center;min-height:64px;padding:0;font-size:1.75rem;font-style:normal;font-weight:700;display:grid}:where(.s-auth) .code:focus-within .at{box-shadow:inset 0 0 0 2px var(--amber)}:where(.s-auth) .hint{color:var(--ash);font-size:.9375rem}:where(.s-auth) .agree{align-items:center;gap:var(--space-3);color:var(--ash);text-wrap:balance;font-size:.9375rem;display:flex}:where(.s-auth) .agree input{width:20px;height:20px;accent-color:var(--amber);flex:none}:where(.s-auth) form .cz-btn{margin-top:var(--space-6);justify-content:space-between}:where(.s-auth) .note{min-height:1.5em;color:var(--ash);text-align:center;font-size:.875rem}@media (max-width:860px){:where(.s-auth){place-items:start center}:where(.s-auth) .auth{height:auto;min-height:0;padding:var(--space-3);border-radius:28px;grid-template-columns:1fr}:where(.s-auth) .show{height:44svh;min-height:19rem}:where(.s-auth) .side{padding-block:var(--space-6) var(--space-8);overflow:visible}:where(.s-auth) .stage{width:min(84cqw,46cqh);top:23cqh}}@media (prefers-reduced-motion:reduce){:where(.s-auth) .o svg,:where(.s-auth) .col>*{animation:none}:where(.s-auth) .scene{transition:opacity .2s;transform:none}:where(.s-auth) .dots .on b{animation:none;transform:none}}@keyframes auth-float{0%{transform:translateY(-6px) rotate(var(--r0))}to{transform:translateY(8px) rotate(var(--r1))}}@keyframes auth-fill{to{transform:none}}