.auth-screen{--s:1;--r:1;--auth-bg:#03060e;isolation:isolate;background:var(--auth-bg);justify-content:center;align-items:center;min-height:100dvh;padding:40px 16px;display:flex;position:relative;overflow:hidden}.auth-screen[data-intro=quick]{--s:.15;--r:.12}.auth-screen[data-settled]{--r:0}.auth-sky{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-sky-drift{transform-origin:50%;animation:40s ease-in-out infinite alternate auth-sky-drift}.auth-sky-line{stroke:#7fa3ff2b;stroke-width:1px;stroke-dasharray:100;animation:auth-sky-wire 1.4s ease-out calc((1s + var(--k) * 22ms) * var(--s)) both}.auth-sky-pulse{stroke:#bcd0ff;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:5 100;stroke-dashoffset:5px;opacity:0;animation:auth-sky-travel var(--d) linear calc(2.4s * var(--s) + var(--k) * .41s) infinite}.auth-sky-node{fill:#7fa3ff;opacity:.75;animation:auth-node-in .6s ease-out calc((1.2s + var(--k) * 30ms) * var(--s)) backwards;transform-box:fill-box;transform-origin:50%}.auth-sky-halo{fill:#2f6bff;opacity:.14;transform-box:fill-box;transform-origin:50%;animation:auth-halo 4.8s ease-out calc(3s * var(--s) + var(--k) * .6s) infinite}.auth-sky-glow{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 55%, #2f6bff29, transparent 42%), radial-gradient(ellipse 75% 70% at 50% 50%, transparent 55%, var(--auth-bg) 100%);position:absolute;inset:0}@keyframes auth-sky-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-18px,-12px)scale(1.035)}}@keyframes auth-sky-wire{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes auth-sky-travel{0%{stroke-dashoffset:5px;opacity:0}6%{opacity:1}60%{stroke-dashoffset:-100px;opacity:1}64%,to{stroke-dashoffset:-100px;opacity:0}}.auth-curtain{background:color-mix(in srgb, var(--auth-bg) 70%, #000);z-index:9;height:50.5%;position:absolute;left:0;right:0}.auth-curtain.top{animation:.8s cubic-bezier(.7,0,.2,1) .6s both auth-open-up;top:0}.auth-curtain.bottom{animation:.8s cubic-bezier(.7,0,.2,1) .6s both auth-open-down;bottom:0}.auth-streak{z-index:10;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#cfdcff 28% 72%,#0000);height:2px;margin-top:-1px;animation:.5s ease-out .1s both auth-streak-in,.45s ease-in .95s forwards auth-streak-out;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 18px 4px #2f6bffbf}.auth-screen[data-intro=quick] :is(.auth-curtain,.auth-streak){display:none}@keyframes auth-open-up{0%{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes auth-open-down{0%{transform:translateY(0)}to{transform:translateY(101%)}}@keyframes auth-streak-in{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes auth-streak-out{0%{opacity:1}to{opacity:0;transform:scaleX(1)scaleY(10)}}.auth-card{z-index:5;text-align:center;width:min(380px,100%);animation:auth-card-in .8s cubic-bezier(.2, .8, .2, 1) calc(.9s * var(--s)) both, auth-float 7s ease-in-out calc(3.6s * var(--s)) infinite;background:linear-gradient(#161e36f2 0%,#090c17f7 42%,#070912fa 100%);border:1px solid #7fa3ff26;border-radius:26px;padding:26px 20px 20px;position:relative;box-shadow:0 30px 80px #000000b3,0 0 120px #2f6bff1f}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#cfdcff,#0000);height:1px;position:absolute;top:-1px;left:16%;right:16%;box-shadow:0 0 16px 1px #2f6bffcc}.auth-card:focus-within{animation-play-state:running,paused}@keyframes auth-card-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes auth-float{50%{transform:translateY(-8px)}}.auth-network{width:150px;height:150px;margin:0 auto;position:relative}.auth-network-svg{width:100%;height:100%;animation:60s linear infinite auth-spin;position:absolute;inset:0;overflow:visible}.auth-perimeter{fill:none;stroke:#7fa3ff4d;stroke-width:1px;stroke-dasharray:372;animation:auth-draw-perimeter 1s ease-in-out calc(1.9s * var(--s)) both}.auth-ray{stroke:#7fa3ff99;stroke-width:1.1px;stroke-dasharray:62;animation:auth-draw-ray .6s ease-out calc((1.4s + var(--k) * 70ms) * var(--s)) both}.auth-pulse{stroke:#cfdcff;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:5 140;stroke-dashoffset:5px;opacity:0;animation:auth-travel 3.2s linear calc(2.6s * var(--s) + var(--k) * .27s) infinite}.auth-node{transform-box:fill-box;transform-origin:50%;animation:auth-node-in .5s cubic-bezier(.2, .9, .25, 1.4) calc((1.85s + var(--k) * 80ms) * var(--s)) both}.auth-halo{fill:#4f86ff;opacity:.12;transform-box:fill-box;transform-origin:50%;animation:auth-halo 3.2s ease-out calc(3.85s * var(--s) + var(--k) * .27s) infinite}.auth-core{width:58px;height:58px;animation:auth-logo-in 1.1s cubic-bezier(.2, .9, .25, 1.25) calc(1.2s * var(--s)) both;background:radial-gradient(circle at 35% 28%,#3a3a40,#0b0b0c 72%);border-radius:50%;place-items:center;margin:-29px 0 0 -29px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #7fa3ff59,0 0 34px #2f6bff59,0 10px 26px #0009}.auth-chrome{font-family:var(--font-unbounded), sans-serif;letter-spacing:-.03em;background:linear-gradient(#fff 0%,#e6e6ea 26%,#74747b 47%,#f6f6f8 53%,#a6a6ac 76%,#fff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:800;line-height:1;display:inline-block;position:relative}.auth-chrome:after{content:attr(data-text);background:linear-gradient(110deg,#0000 38%,#fff 50%,#0000 62%) 160% 0/260% 100%;color:#0000;animation:auth-js-shine 4.6s ease-in-out calc(2.8s * var(--s)) infinite;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-draw-perimeter{0%{stroke-dashoffset:372px}to{stroke-dashoffset:0}}@keyframes auth-draw-ray{0%{stroke-dashoffset:62px}to{stroke-dashoffset:0}}@keyframes auth-travel{0%{stroke-dashoffset:5px;opacity:0}4%{opacity:1}40%{stroke-dashoffset:-58px;opacity:1}44%,to{opacity:0;stroke-dashoffset:-58px}}@keyframes auth-node-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes auth-halo{0%{opacity:.6;transform:scale(1.5)}30%,to{opacity:.12;transform:scale(1)}}@keyframes auth-logo-in{0%{opacity:0;filter:blur(10px);transform:scale(.35)}60%{opacity:1;filter:blur();transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes auth-js-shine{0%{background-position:160% 0}45%,to{background-position:-60% 0}}.auth-identity{margin:16px 0 18px}.auth-name{letter-spacing:.42em;color:#f1f1f3;text-transform:uppercase;white-space:nowrap;padding-left:.42em;font-size:15.5px;font-weight:600}.auth-name span{animation:auth-letter .45s ease calc((2.3s + var(--i) * 50ms) * var(--s)) both;display:inline-block}.auth-rule{width:72%;height:1px;animation:auth-rule .9s ease calc(2.7s * var(--s)) both;background:linear-gradient(90deg,#0000,#9fbaff,#0000);margin:12px auto 0}.auth-tagline{letter-spacing:.16em;color:#93a3c8;text-transform:uppercase;white-space:nowrap;animation:auth-rise .6s ease calc(3.05s * var(--s)) both;margin-top:9px;font-size:10px}@keyframes auth-letter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:none}}@keyframes auth-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-reveal>*{animation:auth-rise .55s ease calc((3.2s + var(--n,0) * .1s) * var(--r)) backwards}.auth-reveal>:nth-child(2){--n:1}.auth-reveal>:nth-child(3){--n:2}.auth-reveal>:nth-child(4){--n:3}.auth-reveal>:nth-child(5){--n:4}.auth-reveal>:nth-child(6){--n:5}.auth-field{cursor:text;color:#8d8d93;text-align:left;background:#050913;border:1px solid #7fa3ff38;border-radius:999px;align-items:center;gap:9px;margin-bottom:9px;padding:0 15px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:-8px 0 20px -12px #4f86ffe6}.auth-field:focus-within{border-color:#7fa3ffbf;box-shadow:-8px 0 26px -10px #4f86ff,0 0 0 4px #2f6bff29}.auth-field>svg{flex:none;width:15px;height:15px}.auth-field input{color:#f1f1f2;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:11px 0;font-size:16px}.auth-field input::placeholder{color:#8d8d93}.auth-field input:-webkit-autofill{-webkit-text-fill-color:#f1f1f2;caret-color:#f1f1f2;-webkit-box-shadow:inset 0 0 0 40px #050913}@media (min-width:768px){.auth-field input{font-size:13.5px}}.auth-eye{color:#8d8d93;cursor:pointer;border-radius:999px;place-items:center;margin-right:-7px;padding:7px;transition:color .2s;display:grid}.auth-eye:hover,.auth-eye:focus-visible{color:#f1f1f3}.auth-eye:focus-visible{outline:2px solid #7fa3ff99}.auth-eye svg{width:15px;height:15px}.auth-submit{cursor:pointer;color:#fff;background:linear-gradient(#5a8dff 0%,#2f6bff 55%,#2459d8 100%);border:0;border-radius:999px;width:100%;margin-top:13px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:block;box-shadow:inset 0 1px #ffffff4d,0 8px 24px #2f6bff59}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 12px 34px #2f6bff8c}.auth-submit:focus-visible{outline-offset:3px;outline:2px solid #9fbaff}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-foot{color:#8d8d93;margin-top:14px;font-size:12px}.auth-foot a{color:#9fbaff;text-underline-offset:3px;font-weight:600}.auth-foot a:hover{text-decoration:underline}.auth-explain{color:#c9c9ce;margin-bottom:12px;font-size:12.5px;line-height:1.5}.auth-alert{color:#ffd0d1;background:#ff4d4f1f;border:1px solid #ff4d4f73;border-radius:12px;margin-bottom:12px;padding:8px 12px;font-size:12.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.auth-screen *,.auth-screen :after{animation:none!important}.auth-curtain,.auth-streak{display:none}}