.auth-reel{--ink:#f2f3f1;--ink-2:#c9ccca;--quiet:#f2f3f19e;--ink-quiet:#f2f3f19e;--rule:#f2f3f129;--surface:#0a0b0c75;color:var(--ink)}@media (max-width:63.999rem){.auth-stage{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0d0e0f;--ink:#f2f3f1;--ink-2:#c9ccca;--quiet:#f2f3f1a3;--ink-quiet:#f2f3f1a3;--rule:#f2f3f133;--surface:#0c0d0e80;--red-ink:#f0606e;--green-ink:#4fb47a;color:var(--ink);background:#060707}.auth-stage input{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media (min-width:64rem){.auth-reel{background:#060707;border-right:1px solid #f2f3f11f}.auth-reel:after{content:"";z-index:5;background:linear-gradient(#0000,#f2f3f1e6,#0000);width:1px;height:22%;animation:7s cubic-bezier(.6,0,.4,1) infinite rule-run;position:absolute;top:0;right:-1px}}@keyframes rule-run{0%{transform:translateY(-100%)}to{transform:translateY(560%)}}.fx-cells>*{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);transition:background-color .18s linear}.fx-cells>:hover{background:#f2f3f11a}.reel{z-index:-1;pointer-events:none;background:#060707;height:100lvh;position:fixed;inset:0 0 auto;overflow:hidden}@media (min-width:64rem){.reel{background:#060707 url(/media/auth/hall.jpg) 32%/cover no-repeat;height:auto;position:absolute;inset:0}}.reel-media{height:66%;transform:translate3d(calc(var(--px,0) * -14px), calc(var(--py,0) * -10px), 0);transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.reel-video{object-fit:cover;object-position:26% 50%;filter:contrast(1.08)saturate(.85);width:100%;height:100%;animation:5.3s step-end infinite flicker;position:absolute;inset:0}@keyframes flicker{0%,to{opacity:1}31%{opacity:.9}32%{opacity:1}33%{opacity:.84}34%{opacity:1}77%{opacity:.93}78%{opacity:1}}.reel-shade{background:linear-gradient(#06070799 0%,#06070700 14% 34%,#0607078c 56%,#060707cc 70%),radial-gradient(110% 60% at 35% 28%,#0000 45%,#00000073);position:absolute;inset:0}@media (min-width:64rem){.reel-media{height:auto;inset:-3%;-webkit-mask-image:none;mask-image:none}.reel-video{object-position:32% 50%}.reel-shade{background:linear-gradient(#06070700 32%,#0607078c 62%,#060707f0 100%),linear-gradient(#06070799 0%,#06070700 18%),radial-gradient(90% 80% at 55% 40%,#0000 45%,#0000008c)}}.reel-scan{mix-blend-mode:multiply;background:repeating-linear-gradient(#0003 0 1px,#0000 1px 3px);position:absolute;inset:0}.reel-static{opacity:.1;mix-blend-mode:screen;width:100%;height:100%;image-rendering:pixelated;transition:opacity 60ms linear;position:absolute;inset:0}.reel-roll{position:absolute;inset:0;overflow:hidden}.reel-roll:before{content:"";mix-blend-mode:screen;background:linear-gradient(#0000,#f2f3f112 45%,#f2f3f11c 50%,#f2f3f112 55%,#0000);height:16%;animation:8.5s linear infinite roll;position:absolute;inset:0 0 auto}@keyframes roll{0%{transform:translateY(-110%)}to{transform:translateY(730%)}}.reel-frame{--tick:14px;--c:#f2f3f18c;background:linear-gradient(var(--c), var(--c)) top left / var(--tick) 1px, linear-gradient(var(--c), var(--c)) top left / 1px var(--tick), linear-gradient(var(--c), var(--c)) top right / var(--tick) 1px, linear-gradient(var(--c), var(--c)) top right / 1px var(--tick), linear-gradient(var(--c), var(--c)) bottom left / var(--tick) 1px, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--tick), linear-gradient(var(--c), var(--c)) bottom right / var(--tick) 1px, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--tick);background-repeat:no-repeat;position:absolute;inset:16px}@media (min-width:64rem){.reel-frame{inset:24px}}.reel-hud{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f2f3f1c7;font-variant-numeric:tabular-nums;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;inset:26px 28px auto}@media (min-width:64rem){.reel-hud{inset:38px 42px auto}}.reel-rec{align-items:center;gap:7px;display:inline-flex}.reel-rec i{background:var(--fx-red);width:7px;height:7px;animation:1.2s step-end infinite rec}.reel-label{animation:6.5s step-end infinite hud-jitter}@keyframes hud-jitter{0%,91%,to{text-shadow:none;transform:none}92%{text-shadow:-2px 0 var(--fx-red), 2px 0 var(--fx-blue);transform:translate(3px)}94%{transform:translate(-2px)skew(12deg)}96%{text-shadow:1px 0 var(--fx-red), -1px 0 var(--fx-blue);transform:none}}.reel[data-burst] .reel-static{opacity:.32}.reel[data-burst] .reel-media{animation:.19s step-end both tear}.reel[data-burst] .reel-hud{animation:.19s step-end both hud-tear}@keyframes tear{0%{clip-path:inset(0);filter:contrast(1.4)brightness(1.25);translate:-9px}30%{clip-path:inset(18% 0 46%);filter:saturate(0)brightness(1.6);translate:7px}55%{clip-path:inset(0);filter:hue-rotate(-25deg)saturate(2);translate:-4px}80%,to{clip-path:none;filter:none;translate:0}}@keyframes hud-tear{0%{text-shadow:-2px 0 var(--fx-red), 2px 0 var(--fx-blue);translate:3px}50%{text-shadow:2px 0 var(--fx-red), -2px 0 var(--fx-blue);translate:-2px}to{text-shadow:none;translate:0}}.fx-cells>*{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.fx-cells>:first-child{animation-delay:.7s}.fx-cells>:nth-child(2){animation-delay:.8s}.fx-cells>:nth-child(3){animation-delay:.9s}.fx-type{white-space:nowrap;border-right:.6em solid #0000;width:fit-content;animation:1.6s steps(56,end) 1.1s both type,1s step-end 1.1s infinite caret;overflow:hidden}@keyframes type{0%{max-width:0}to{max-width:60ch}}@keyframes caret{0%,50%{border-right-color:#f2f3f199}51%,to{border-right-color:#0000}}.auth-grid{pointer-events:none;background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);-webkit-mask-image:radial-gradient(circle 300px at var(--mx,60%) var(--my,42%), #000 0%, #00000059 45%, #00000014 100%);mask-image:radial-gradient(circle 300px at var(--mx,60%) var(--my,42%), #000 0%, #00000059 45%, #00000014 100%);background-position:-1px -1px;background-size:44px 44px;animation:1.4s ease-out both grid-in;position:absolute;inset:0}@keyframes grid-in{0%{opacity:0}to{opacity:.7}}.auth-enter>*>*,.auth-enter form>*{animation:.65s cubic-bezier(.2,.7,.2,1) both rise}.auth-enter>*>:first-child{animation-delay:.12s}.auth-enter>*>:nth-child(2){animation-delay:.2s}.auth-enter form>:first-child{animation-delay:.26s}.auth-enter form>:nth-child(2){animation-delay:.32s}.auth-enter form>:nth-child(3){animation-delay:.38s}.auth-enter form>:nth-child(4){animation-delay:.44s}.auth-enter form>:nth-child(5){animation-delay:.5s}.auth-enter form>:nth-child(6){animation-delay:.56s}.fx-field>span:first-child:before{content:"";background:var(--ink);vertical-align:-.02em;width:0;height:.6em;margin-right:0;transition:width .14s steps(3,end),margin-right .14s steps(3,end);display:inline-block}.fx-field:focus-within>span:first-child{color:var(--ink)!important}.fx-field:focus-within>span:first-child:before{width:.45em;margin-right:.5em;animation:1s step-end infinite rec}.fx-field input{transition:border-color .12s linear,background-color .12s linear}.fx-field input:hover:not(:focus){border-color:var(--quiet)!important}
