.auth-scene{position:relative;display:flex;min-height:100dvh;flex-direction:column;overflow:hidden;background:var(--color-bg);isolation:isolate;--auth-rule:rgba(26,29,36,0.04);--auth-rule-strong:rgba(26,29,36,0.07);--auth-chip:rgba(37,99,235,0.1);--auth-chip-bar:rgba(37,99,235,0.34);--auth-chip-mute:rgba(90,98,110,0.07);--auth-chip-mute-bar:rgba(90,98,110,0.2);--auth-glow-a:rgba(37,99,235,0.2);--auth-glow-b:rgba(99,102,241,0.14);--auth-panel-sheen:rgba(255,255,255,0.85)}.dark .auth-scene{--auth-rule:rgba(255,255,255,0.04);--auth-rule-strong:rgba(255,255,255,0.07);--auth-chip:rgba(96,143,250,0.15);--auth-chip-bar:rgba(126,168,252,0.5);--auth-chip-mute:rgba(190,200,215,0.055);--auth-chip-mute-bar:rgba(190,200,215,0.18);--auth-glow-a:rgba(37,99,235,0.34);--auth-glow-b:rgba(99,102,241,0.2);--auth-panel-sheen:rgba(255,255,255,0.07)}.auth-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.auth-rules{position:absolute;inset:-2px;background-image:linear-gradient(to right,var(--auth-rule-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--auth-rule) 1px,transparent 1px);background-size:112px 100%,100% 56px;-webkit-mask-image:radial-gradient(ellipse 76% 68% at 50% 46%,#000 12%,transparent 76%);mask-image:radial-gradient(ellipse 76% 68% at 50% 46%,#000 12%,transparent 76%)}.auth-glow{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.auth-glow-a{top:-26%;left:-10%;width:min(780px,86vw);aspect-ratio:1;background:var(--auth-glow-a);animation:auth-drift-a 34s var(--ease-out-soft) infinite alternate}.auth-glow-b{right:-12%;bottom:-30%;width:min(700px,78vw);aspect-ratio:1;background:var(--auth-glow-b);animation:auth-drift-b 42s var(--ease-out-soft) infinite alternate}@keyframes auth-drift-a{to{transform:translate3d(70px,44px,0) scale(1.09)}}@keyframes auth-drift-b{to{transform:translate3d(-64px,-40px,0) scale(1.07)}}.auth-roster-fade{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.auth-roster{position:absolute;top:50%;left:50%;display:grid;gap:13px;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(ellipse 28% 48% at 50% 50%,transparent 44%,#000 92%);mask-image:radial-gradient(ellipse 28% 48% at 50% 50%,transparent 44%,#000 92%)}@media (max-width:720px){.auth-roster{-webkit-mask-image:radial-gradient(ellipse 62% 26% at 50% 50%,transparent 45%,#000 92%);mask-image:radial-gradient(ellipse 62% 26% at 50% 50%,transparent 45%,#000 92%)}}.auth-roster-row{display:flex;gap:12px;animation:auth-row-drift 46s ease-in-out infinite alternate}.auth-roster-row:nth-child(2n){animation-direction:alternate-reverse;animation-duration:58s}@keyframes auth-row-drift{0%{transform:translate3d(-26px,0,0)}to{transform:translate3d(26px,0,0)}}.auth-chip{height:22px;flex:none;border-radius:6px;background:var(--auth-chip-mute);box-shadow:inset 2px 0 0 var(--auth-chip-mute-bar);transform-origin:left center;animation:auth-chip-in .7s var(--ease-out-soft) both;animation-delay:calc(var(--i, 0) * 22ms + .14s)}.auth-chip--accent{background:var(--auth-chip);box-shadow:inset 2px 0 0 var(--auth-chip-bar)}.auth-chip--ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--auth-rule-strong)}@keyframes auth-chip-in{0%{opacity:0;transform:scaleX(.25)}}.auth-stage{position:relative;z-index:1;display:flex;min-height:100dvh;flex-direction:column;padding:18px}@media (min-width:721px){.auth-stage{padding:22px 26px}}.auth-column{width:100%;max-width:452px;margin:0 auto}.auth-column--wide{max-width:512px}.auth-panel{position:relative;border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-hero);padding:26px 22px 24px}@media (min-width:421px){.auth-panel{padding:30px 30px 28px}}.auth-panel:before{inset:0 0 auto;height:1px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,transparent,var(--auth-panel-sheen) 22%,var(--auth-panel-sheen) 78%,transparent)}.auth-panel:after,.auth-panel:before{content:"";position:absolute;pointer-events:none}.auth-panel:after{top:0;left:50%;width:132px;height:2px;transform:translateX(-50%);border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.75}.auth-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border)}.auth-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong),0 1px 2px rgba(20,26,38,.07);transition:transform .44s var(--ease-spring);pointer-events:none}.auth-seg[data-mode=signup] .auth-seg-thumb{transform:translateX(100%)}.auth-seg-btn{position:relative;z-index:1;height:38px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--color-text-2);cursor:pointer;transition:color .24s var(--ease-out-soft)}.auth-seg-btn[data-active=true]{color:var(--color-text)}.auth-eye:focus-visible,.auth-ghost:focus-visible,.auth-seg-btn:focus-visible,.auth-submit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-field{position:relative;display:flex;align-items:center}.auth-input{height:50px;width:100%;border:0;border-radius:13px;background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border-strong);padding:0 14px 0 42px;font:inherit;font-size:16px;color:var(--color-text);outline:none;transition:box-shadow .22s var(--ease-out-soft),background-color .22s var(--ease-out-soft)}@media (min-width:640px){.auth-input{font-size:14.5px}}.auth-input::placeholder{color:var(--color-text-3)}.auth-input:focus{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-accent-border),0 0 0 4px var(--color-accent-soft)}.auth-input[data-invalid=true]{box-shadow:inset 0 0 0 1px var(--color-danger)}.auth-input[data-invalid=true]:focus{box-shadow:inset 0 0 0 1px var(--color-danger),0 0 0 4px var(--color-danger-soft)}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:inset 0 0 0 1px var(--color-border-strong),inset 0 0 0 100px var(--color-surface-2);transition:background-color 9999s ease-in-out 0s}.auth-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1px var(--color-accent-border),inset 0 0 0 100px var(--color-surface),0 0 0 4px var(--color-accent-soft)}.auth-field-icon{position:absolute;left:14px;display:flex;color:var(--color-text-3);pointer-events:none;transition:color .22s var(--ease-out-soft)}.auth-field:focus-within .auth-field-icon{color:var(--color-accent-text)}.auth-eye{position:absolute;right:7px;display:grid;height:34px;width:34px;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--color-text-3);cursor:pointer;transition:color .18s,background-color .18s}.auth-eye:hover{background:var(--color-surface-hover);color:var(--color-text)}.auth-steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.auth-step-bar{display:block;height:3px;border-radius:999px;background:var(--color-border);transform-origin:left center}.auth-step[data-state=done] .auth-step-bar{background:var(--color-accent);opacity:.45}.auth-step[data-state=current] .auth-step-bar{background:var(--color-accent);animation:app-grow-x .68s var(--ease-out-soft) both;animation-delay:.32s}.auth-step-label{display:block;margin-top:7px;font-size:11px;font-weight:550;color:var(--color-text-3)}.auth-step[data-state=done] .auth-step-label{color:var(--color-text-2)}.auth-step[data-state=current] .auth-step-label{font-weight:620;color:var(--color-text)}@media (prefers-reduced-motion:reduce){.auth-step[data-state=current] .auth-step-bar{animation:none}}.auth-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.auth-meter-seg{height:3px;border-radius:999px;background:var(--color-border);transition:background-color .34s var(--ease-out-soft),transform .34s var(--ease-spring);transform-origin:left center}.auth-meter-seg[data-on=true]{background:var(--auth-meter-color,var(--color-accent))}.auth-check{appearance:none;-webkit-appearance:none;position:relative;height:18px;width:18px;flex:none;margin:2px 0 0;border:0;border-radius:6px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong);cursor:pointer;transition:background-color .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft)}.auth-check:hover{box-shadow:inset 0 0 0 1px var(--color-accent-border)}.auth-check:checked{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.auth-check:after{content:"";position:absolute;top:3px;left:6px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:transform .24s var(--ease-spring),opacity .16s linear}.auth-check:checked:after{transform:rotate(45deg) scale(1);opacity:1}.auth-check:focus-visible{box-shadow:inset 0 0 0 1px var(--color-accent),0 0 0 4px var(--color-accent-soft)}.auth-submit{position:relative;display:flex;height:52px;width:100%;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:0;border-radius:14px;background:linear-gradient(180deg,#3d76f0,#2563eb);color:#fff;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(20,26,38,.18),0 10px 22px -8px rgba(37,99,235,.6);transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft),filter .2s var(--ease-out-soft)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 4px rgba(20,26,38,.18),0 16px 30px -10px rgba(37,99,235,.65)}.auth-submit:active:not(:disabled){transform:translateY(0) scale(.994);box-shadow:inset 0 1px 2px rgba(20,26,38,.25),0 1px 2px rgba(20,26,38,.2)}.auth-submit:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.auth-submit:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-16deg);opacity:0;pointer-events:none}.auth-submit:hover:not(:disabled):after{animation:auth-sheen .85s var(--ease-out-soft)}@keyframes auth-sheen{0%{left:-60%;opacity:.9}to{left:115%;opacity:0}}.auth-submit-arrow{transition:transform .24s var(--ease-out-soft)}.auth-submit:hover:not(:disabled) .auth-submit-arrow{transform:translateX(3px)}.auth-spinner{height:17px;width:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-ghost{display:flex;height:46px;width:100%;align-items:center;justify-content:center;gap:6px;border-radius:13px;background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border);font-size:14px;font-weight:550;color:var(--color-text-2);transition:background-color .18s,color .18s}.auth-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}@keyframes auth-lift{0%{opacity:0;transform:translate3d(0,14px,0) scale(.985)}}.auth-lift{animation:auth-lift .62s var(--ease-out-soft) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes auth-field-in{0%{opacity:0;transform:translate3d(0,-6px,0)}}.auth-field-in{animation:auth-field-in .34s var(--ease-out-soft) both}@keyframes auth-nudge{0%,to{transform:translateX(0)}22%{transform:translateX(-4px)}55%{transform:translateX(3px)}80%{transform:translateX(-1px)}}.auth-alert{animation:auth-field-in .28s var(--ease-out-soft) both,auth-nudge .4s var(--ease-out-soft) .06s}@media (prefers-reduced-motion:reduce){.auth-alert,.auth-chip,.auth-field-in,.auth-glow,.auth-lift,.auth-roster-row,.auth-spinner,.auth-submit:hover:not(:disabled):after{animation:none}.auth-check:after,.auth-seg-thumb,.auth-submit{transition:none}.auth-submit:hover:not(:disabled){transform:none}}