.login-root{--hud:var(--cyan);--hud-soft:#7ef0ff6b;--hud-faint:#7ef0ff29;--eye-size:min(94dvh, 56vw);--eye-x:40vw;--eye-y:50dvh;z-index:1;color:#e9f8ff;min-height:100dvh;position:relative;overflow-x:hidden}.login-void,.eye-canvas,.login-hud,.login-flash{pointer-events:none;position:fixed;inset:0}.login-void{background:radial-gradient(calc(var(--eye-size) * .55) calc(var(--eye-size) * .3) at var(--eye-x) var(--eye-y), #ffa0501f, transparent 70%), radial-gradient(calc(var(--eye-size) * .9) calc(var(--eye-size) * .7) at var(--eye-x) var(--eye-y), #2896c824, transparent 70%), #02050b}.eye-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s}.login-root[data-gl=full] .eye-canvas,.login-root[data-gl=reduced] .eye-canvas{opacity:1}.login-hud{will-change:transform}.eye-anchor{left:calc(var(--eye-x) - var(--eye-size) / 2);top:calc(var(--eye-y) - var(--eye-size) / 2);width:var(--eye-size);height:var(--eye-size);position:absolute}.hud-svg{width:100%;height:100%;transform:translate3d(var(--lean-x,0px), var(--lean-y,0px), 0) perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));fill:none;stroke:var(--hud);stroke-width:1.2px;font-family:var(--font-geist-mono), ui-monospace, monospace;overflow:visible}.hud-svg text{fill:var(--hud-soft);stroke:none;letter-spacing:.18em;text-anchor:middle;dominant-baseline:middle;font-size:13px}.hud-svg .hud-label{text-anchor:start;fill:#b0ecff9e;font-size:12px}.hud-svg .hud-label.end{text-anchor:end}.hud-layer{transform-box:view-box;transform-origin:0 0;animation:hud-boot 1.4s var(--ease-hud) both;transition:opacity .5s,stroke .3s}.hud-r1{animation:hud-boot 1.4s var(--ease-hud) .5s both, spin 140s linear 1.9s infinite}.hud-r2{animation:hud-boot 1.4s var(--ease-hud) .75s both, spin 70s linear 2.15s infinite reverse}.hud-r3{animation:hud-boot 1.4s var(--ease-hud) 1s both, spin 36s linear 2.4s infinite}.hud-r4{animation:hud-boot 1.6s var(--ease-hud) 1.25s both, spin 240s linear 2.85s infinite reverse}.hud-scan{animation:.8s 1.8s both hud-fade,5.5s linear infinite spin}.hud-scan-fast{opacity:0;transition:opacity .3s;animation:1.1s linear infinite spin}.hud-cross{animation:1s 1.5s both hud-fade}.hud-line{stroke:var(--hud-soft)}.hud-r1 line{stroke:var(--hud-faint);stroke-width:1px}.hud-r1 .t-mid{stroke:var(--hud-soft)}.hud-r1 .t-long{stroke:var(--hud);stroke-width:2px}.hud-dash{stroke:var(--hud-faint);stroke-dasharray:2 7}.hud-inner{stroke:var(--hud-soft);stroke-width:1px}.hud-r3 .seg-a{stroke:var(--hud);stroke-width:3px;opacity:.55}.hud-r3 .seg-b{stroke:var(--amber);stroke-width:6px;opacity:.5}.hud-faint{stroke:var(--hud-faint)}.scan-arc{stroke:var(--hud);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--hud))}.scan-arc.dim{opacity:.4}.hud-cross path{stroke:var(--hud-soft)}.hud-cross .bracket{stroke:var(--hud);stroke-width:1.6px}.hud-reticle{stroke:var(--hud);stroke-width:1.5px;opacity:0;animation:.6s 2.6s forwards hud-fade}.gaze-tip{fill:var(--hud);stroke:none;filter:drop-shadow(0 0 6px var(--hud))}.gaze-arc{stroke-width:4px;filter:drop-shadow(0 0 6px var(--hud))}.core-dormant{fill:#c8f8ffd9;stroke:none;opacity:0;filter:drop-shadow(0 0 12px #7ef0ffe6);transition:opacity .8s}.login-root[data-gl=pending] .core-dormant{opacity:1;animation:2.4s ease-in-out infinite dormant}.fb-core{display:none}.login-root[data-gl=fallback] .hud-svg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.login-root[data-gl=fallback] .fb-core{transform-box:view-box;transform-origin:0 0;animation:core-ignite 1.4s var(--ease-hud) .3s both;display:block}.fb-ring{transform-box:view-box;transform-origin:0 0}.fb-spin-fast{animation:7s linear infinite spin}.fb-spin-rev{animation:22s linear infinite reverse spin}.fb-spin-slow{animation:13s linear infinite spin}.fb-dots{stroke:var(--hud-soft);stroke-width:2px;stroke-dasharray:2 10.2}.fb-arc{stroke:var(--amber);stroke-width:3px;stroke-dasharray:230 239.1;opacity:.85}.fb-band{stroke:var(--hud);stroke-width:34px;stroke-dasharray:69.5 17.4;opacity:.26}.fb-rail{stroke:var(--hud);stroke-width:1.5px;opacity:.75}.fb-ticks{stroke:var(--hud);stroke-width:14px;stroke-dasharray:2 8.47;opacity:.8}.fb-seg{stroke:#d8fbff;stroke-width:12px;stroke-dasharray:37 15.8;filter:drop-shadow(0 0 8px var(--hud))}.fb-facet{stroke:#e6fbff;stroke-width:2px;fill:#7ef0ff1f;filter:drop-shadow(0 0 10px var(--hud))}.gaze-readout{white-space:nowrap;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;color:#b0ecffb3;font-variant-numeric:tabular-nums;margin:0;font-size:11px;animation:.8s 2.4s both hud-fade;position:absolute;top:74%;left:50%;transform:translate(-50%)}.glyph-col{width:150px;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;color:#7ef0ff5c;font-size:10px;line-height:1.9;animation:1s 1.2s both hud-fade;position:absolute;top:88px;bottom:88px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.glyph-left{left:28px}.glyph-col>div{flex-direction:column;animation:38s linear infinite glyph-scroll;display:flex}.boot-seq{font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#bef0ffc7;border-left:1px solid var(--hud-soft);background:linear-gradient(90deg,#020810bf,#0000);margin:0;padding:10px 14px;font-size:11px;line-height:1.75;list-style:none;position:absolute;bottom:26px;left:28px}.boot-seq li{opacity:0;animation:bootline .4s var(--ease-hud) both}.boot-seq li:first-child{animation-delay:.35s}.boot-seq li:nth-child(2){animation-delay:.77s}.boot-seq li:nth-child(3){animation-delay:1.19s}.boot-seq li:nth-child(4){animation-delay:1.61s}.boot-seq li:nth-child(5){animation-delay:2.03s}.boot-seq li:nth-child(6){animation-delay:2.45s}.boot-seq span{color:#7ef0ff80}.boot-seq b{color:#7dffc8;font-weight:500}.boot-seq .boot-final{color:var(--amber)}.boot-final:after{content:"_";animation:1s step-end infinite blink}.login-topbar{z-index:2;height:52px;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:#bef0ffc7;animation:topbar-in .9s var(--ease-hud) .1s both;pointer-events:none;background:linear-gradient(#02060cd9,#02060c00);border-bottom:1px solid #7ef0ff1f;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;font-size:11px;display:flex;position:fixed;inset:0 0 auto}.tb-brand{font-family:var(--font-rajdhani), sans-serif;letter-spacing:.24em;color:#f2fbff;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.tb-brand em{color:var(--cyan);font-style:normal}.tb-brand i{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:2.4s infinite ping}.tb-clock{font-variant-numeric:tabular-nums;color:var(--cyan)}.login-main{z-index:3;grid-template-columns:minmax(0,1fr) min(410px,100%);align-items:center;min-height:100dvh;padding:72px clamp(20px,6vw,104px) 40px;display:grid;position:relative}.login-panel{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);animation:panel-in .9s var(--ease-hud) .15s both;background:linear-gradient(#7ef0ff0f,#0000 30%),#030810cc;border:1px solid #7ef0ff33;grid-column:2;padding:30px 28px 22px;position:relative;box-shadow:0 0 0 1px #0006,0 40px 100px #0000008c,0 0 60px #3cb4ff1a,inset 0 1px #c8f8ff1f}.login-panel:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 40%,#a0f5ff29 50%,#0000 60%) 0 0/260% 100%;animation:6s ease-in-out 1.2s infinite sheen;position:absolute;inset:-1px}.panel-corner{border:0 solid var(--hud);width:16px;height:16px;filter:drop-shadow(0 0 4px var(--hud));transition:border-color .3s;position:absolute}.panel-corner.tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.panel-corner.tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.panel-corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.panel-corner.br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.panel-kicker{color:var(--cyan);margin:0}.panel-title{font-family:var(--font-rajdhani), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f4fcff;text-shadow:0 0 24px #7ef0ff73;margin:6px 0 0;font-size:46px;font-weight:700;line-height:1}.panel-lede{color:#d6f0ffd1;margin:10px 0 0;font-size:14px;line-height:1.5}.panel-fields{gap:14px;margin-top:24px;display:grid}.field{gap:6px;display:grid}.field-label{font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:#bef0ffd9;font-size:11px}.field-input{color:#f2fbff;width:100%;height:46px;font:inherit;letter-spacing:.02em;caret-color:var(--cyan);background:#01060dd9;border:1px solid #7ef0ff47;border-radius:2px;padding:0 14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.field-input::placeholder{color:#aacde180}.field-input:hover{border-color:#7ef0ff73}.field-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan);background:#04101ceb;box-shadow:0 0 0 4px #7ef0ff1f,0 0 26px #7ef0ff40}.login-error{border-left:2px solid var(--alert);color:#ffc9cf;background:#ff3c501f;min-height:0;margin:14px 0 0;padding:9px 12px;font-size:14px}.login-error:empty{display:none}.login-submit{color:#031018;width:100%;height:48px;font-family:var(--font-rajdhani), sans-serif;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#8ff3ff,#5fd8f5);border:0;border-radius:2px;margin-top:18px;font-size:18px;font-weight:700;transition:box-shadow .25s,transform .15s,filter .25s;position:relative;overflow:hidden;box-shadow:0 0 30px #7ef0ff59}.login-submit:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}.login-submit:hover{box-shadow:0 0 44px #7ef0ff8c}.login-submit:hover:after{transition:transform .7s var(--ease-hud);transform:translate(110%)}.login-submit:active{transform:translateY(1px)}.login-submit:focus-visible{outline-offset:3px;outline:2px solid #fff}.login-submit:disabled{cursor:progress;filter:saturate(.6)brightness(.85)}.login-root[data-phase=checking] .login-submit:after{background:linear-gradient(90deg,#0000,#fff9,#0000) 0 0/40% 100% no-repeat;animation:.9s linear infinite scanbar;transform:none}.login-status{font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:#bef0ffcc;align-items:center;gap:8px;margin:14px 0 0;font-size:11px;display:flex}.login-status i{background:var(--hud);width:7px;height:7px;box-shadow:0 0 8px var(--hud);border-radius:50%}.login-flash{z-index:5;opacity:0;background:radial-gradient(circle at var(--eye-x) var(--eye-y), #c8faffe6, #7ef0ff4d 30%, #02050b 75%)}.login-root[data-phase=checking] .hud-scan-fast{opacity:1}.login-root[data-phase=checking] .hud-scan{opacity:.25}.login-root[data-phase=checking]{--hud:#ffd18a;--hud-soft:#ffc88280}.login-root[data-phase=error]{--hud:var(--alert);--hud-soft:#ff5d6c80;--hud-faint:#ff5d6c33}.login-root[data-phase=error] .login-panel{border-color:#ff5d6c8c;animation:.45s cubic-bezier(.36,.07,.19,.97) both shake}.login-root[data-phase=error] .eye-anchor{animation:.5s steps(2,end) both glitch}.login-root[data-phase=success]{--hud:#b8fbff}.login-root[data-phase=success] .eye-anchor{animation:1.35s cubic-bezier(.55,0,.75,.2) both tunnel}.login-root[data-phase=success] .login-panel{animation:.5s cubic-bezier(.4,0,.6,1) both panel-out}.login-root[data-phase=success] .glyph-col,.login-root[data-phase=success] .boot-seq,.login-root[data-phase=success] .login-topbar{animation:.5s both hud-out}.login-root[data-gl=pending][data-phase=success] .login-flash,.login-root[data-gl=fallback][data-phase=success] .login-flash{animation:.7s ease-in both flash}@keyframes hud-boot{0%{opacity:0;transform:scale(.82)rotate(-24deg)}to{opacity:1;transform:none}}@keyframes hud-fade{0%{opacity:0}to{opacity:1}}@keyframes hud-out{to{opacity:0}}@keyframes dormant{0%,to{opacity:.35}50%{opacity:.85}}@keyframes core-ignite{0%{opacity:.2;transform:scale(.55)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes glyph-scroll{to{transform:translateY(-50%)}}@keyframes topbar-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translate(24px)}60%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes panel-out{to{opacity:0;filter:blur(4px);transform:perspective(900px)rotateY(-18deg)translate(60px)scale(.94)}}@keyframes sheen{0%,70%{background-position:130% 0}to{background-position:-30% 0}}@keyframes scanbar{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-9px)}40%,60%{transform:translate(9px)}}@keyframes glitch{0%{filter:hue-rotate(40deg);transform:translate(-10px,3px)}25%{transform:translate(8px,-4px)}50%{filter:none;transform:translate(-4px)}75%{transform:translate(3px,2px)}to{transform:none}}@keyframes tunnel{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(4.5)}}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:1}}@media (max-width:900px){.login-root{--eye-size:min(108vw, 56dvh);--eye-x:50vw;--eye-y:calc(52px + var(--eye-size) * .4)}.login-main{padding:calc(52px + var(--eye-size) * .72) 16px 28px;grid-template-columns:minmax(0,1fr);place-items:start center}.login-panel{grid-column:1;width:min(440px,100%);padding:24px 20px 18px}.panel-title{font-size:38px}.glyph-col,.boot-seq,.tb-mid,.hud-cross text{display:none}.gaze-readout{top:70%}.login-topbar{padding:0 16px}}@media (prefers-reduced-motion:reduce){.login-root *,.login-root :before,.login-root :after{transition-duration:.01ms!important;animation:none!important}.hud-reticle,.boot-seq li,.hud-layer{opacity:1}.hud-scan-fast{opacity:0}.login-root[data-phase=success] .login-main,.login-root[data-phase=success] .login-hud{opacity:0;transition:opacity .25s!important}}
