@font-face{font-family:Geist;src:url('/assets/geist-variable-v4.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#050810;--text:#f3f7ff;--muted:#a4b1c9;--blue:#467cff;--line:#ffffff14;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{position:relative;isolation:isolate;min-height:100svh;margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a6c8ff;outline-offset:5px}[hidden]{display:none!important}.icon{width:22px;height:22px;flex:0 0 auto;stroke-width:1.6}.scene{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 49%,#16498b45,transparent 53%),radial-gradient(ellipse at 8% 20%,#193e852c,transparent 32%),radial-gradient(ellipse at 94% 84%,#173f732c,transparent 30%)}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#050810c4 0,transparent 18%,transparent 86%,#050810cc);pointer-events:none}.network{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.route path{fill:none;vector-effect:non-scaling-stroke}.route-glow{stroke:#3785ff;stroke-width:9;opacity:.075;filter:blur(6px)}.route-core{stroke:#609cff;stroke-width:.8;opacity:.29}.route:nth-child(3n) .route-core{stroke:#99d3ff;opacity:.4}.route:nth-child(n+9) .route-core{opacity:.17;stroke-width:.7}.light-packet{fill:#dceeff;filter:drop-shadow(0 0 3px #e3f4ff) drop-shadow(0 0 10px #408cff) drop-shadow(0 0 23px #2773ff);opacity:.9}.light-packet:nth-of-type(2){opacity:.45}.light-packet:nth-of-type(3){opacity:.65}.grid-plane{position:absolute;left:-30%;right:-30%;top:58%;height:78%;transform:perspective(640px) rotateX(65deg);transform-origin:center top;background-image:linear-gradient(#568bea20 1px,transparent 1px),linear-gradient(90deg,#568bea20 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 50% 0,#0009,transparent 65%);animation:grid-arrive 2s var(--ease) both}.beams{position:absolute;inset:0;overflow:hidden}.beams i{position:absolute;height:1px;width:90%;left:-25%;top:32%;background:linear-gradient(90deg,transparent,#5a93e636,#91bcff55,transparent);transform:rotate(23deg)}.beams i:after{content:'';position:absolute;top:-1px;left:-150px;width:135px;height:2px;background:linear-gradient(90deg,transparent,#4d9aff 45%,#e8f4ff 95%,transparent);filter:drop-shadow(0 0 6px #3289ff) drop-shadow(0 0 15px #377eff);animation:beam-travel 6.5s linear infinite}.beams i:nth-child(2){top:65%;left:44%;transform:rotate(-25deg)}.beams i:nth-child(2):after{animation-delay:-4s;animation-duration:7.5s}.beams i:nth-child(3){top:30%;left:54%;transform:rotate(39deg)}.beams i:nth-child(3):after{animation-delay:-1.8s;animation-direction:reverse;animation-duration:8s}.beams i:nth-child(4){top:83%;left:-48%;transform:rotate(-29deg)}.beams i:nth-child(4):after{animation-delay:-3.4s;animation-duration:9s}.beams i:nth-child(5){top:17%;left:-43%;transform:rotate(-16deg);opacity:.6}.beams i:nth-child(5):after{animation-delay:-3s}.beams i:nth-child(6){top:88%;left:70%;transform:rotate(23deg)}.beams i:nth-child(6):after{animation-delay:-2s}.beams i:nth-child(7){top:71%;left:-40%;transform:rotate(8deg);opacity:.5}.beams i:nth-child(7):after{animation-delay:-1s;animation-direction:reverse}.beams i:nth-child(8){top:12%;left:60%;transform:rotate(-22deg);opacity:.6}.beams i:nth-child(8):after{animation-delay:-5s;animation-duration:9s}.edge-traffic{position:absolute;top:85px;bottom:55px;width:1px;background:linear-gradient(transparent,#4588eb55,transparent);overflow:hidden}.edge-left{left:30px}.edge-right{right:30px}.edge-traffic i{position:absolute;top:-100px;width:1px;height:95px;background:linear-gradient(transparent,#bfe4ff,transparent);box-shadow:0 0 9px #8dcaff;animation:edge-travel 9s linear infinite}.edge-traffic i:nth-child(2){animation-delay:-4s;animation-duration:7s}.edge-right i{animation-direction:reverse;animation-delay:-3s}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 112px);margin:0 auto;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:17px;text-decoration:none}.brand-name{font-size:26px;font-weight:620;letter-spacing:-1.4px}.brand-dot{color:#7daaff}.brand-divider{height:18px;width:1px;background:#a7bade40}.brand-product{font-size:15px;font-weight:400;color:#b5c3db;letter-spacing:.1px}.motion-toggle{display:flex;gap:8px;align-items:center;color:#a7b8d2;font-size:11px;border:1px solid #ffffff15;border-radius:8px;background:#0a14206b;padding:8px 11px;transition:color .2s,border-color .2s}.motion-toggle:hover{color:#fff;border-color:#8aacdf70}.motion-toggle .icon{width:13px;height:13px;stroke-width:1.8}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle:disabled{opacity:.65;cursor:default}main{min-height:calc(100svh - 150px);padding:32px 24px 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.intro{text-align:center;margin-bottom:34px;position:relative;animation:arrive .85s var(--ease) both}.intro:before{content:'';position:absolute;inset:-25px -70px;background:radial-gradient(ellipse,#050810b0,transparent 70%);z-index:-1}h1{margin:0;font-size:clamp(38px,4.7vw,66px);font-weight:500;letter-spacing:-3px;line-height:1.15;text-wrap:balance}h1 span{color:#aecbff}.intro p{margin:16px 0 0;font-size:14px;color:#a9b8cf;letter-spacing:.04px}.panel{width:460px;max-width:100%;position:relative;isolation:isolate;border:1px solid #a1c5ff36;border-radius:24px;background:linear-gradient(145deg,#172338ef,#09101ded 55%,#0c1728f5);box-shadow:0 0 0 7px #82b0ff03,0 35px 80px #0009,0 0 100px #3779d312,inset 0 1px 0 #d9e7ff12;animation:panel-arrive 1s .12s var(--ease) both}.panel:before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#bedbff,transparent);box-shadow:0 -3px 28px #5c9aff;z-index:1}.panel-light{position:absolute;inset:-1px;pointer-events:none;overflow:hidden;border-radius:24px}.panel-light rect{fill:none;stroke:#a4d3ff;stroke-width:1.2;stroke-dasharray:8 92;stroke-dashoffset:8;animation:frame-orbit 9s linear infinite;opacity:.8;width:calc(100% - 2px);height:calc(100% - 2px)}.panel-inner{padding:27px 28px 26px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.field-heading h2{font-size:12px;font-weight:500;color:#becbe0;letter-spacing:.1px;margin:0}.field-heading>span{font-size:10px;color:#7d90b0;font-variant-numeric:tabular-nums}.os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.os{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:112px;border-radius:12px;background:#0b1220a6;border:1px solid #a8bfe318;color:#8191aa;transition:border-color .25s,background .25s,box-shadow .25s}.brand-icon{width:28px;height:28px;flex-shrink:0}.os>.brand-icon+span{font-size:12px;font-weight:500}.os-status{display:flex;align-items:center;gap:4px;font-size:9px;line-height:1;color:#8999b2;margin-top:-3px}.os-status .icon{width:10px;height:10px;stroke-width:2}.os[aria-pressed=true]{color:#e2edff;background:linear-gradient(155deg,#326bd947,#1b386a4d);border-color:#628ee8a1;box-shadow:inset 0 1px 0 #d0dfff20,0 0 20px #387cff0c}.os[aria-pressed=true] .brand-icon{color:#9cc5ff;filter:drop-shadow(0 0 10px #438cff4d)}.os[aria-pressed=true] .os-status{color:#aacaff}.os:not(:disabled):hover{background:#24488185;border-color:#9abcff}.os:disabled{color:#8291a8}.access-heading{margin:26px 0 14px}.access-actions{display:grid;gap:10px}.auth-button{width:100%;height:56px;display:flex;align-items:center;gap:14px;border-radius:10px;padding:0 18px;font-size:14px;font-weight:500;transition:background .2s,transform .25s,box-shadow .25s,border-color .2s}.primary{border:1px solid #7599ff;background:linear-gradient(110deg,#3565d8,#346cef);color:white;box-shadow:0 5px 24px #235dde25,inset 0 1px 0 #ffffff24}.primary:hover:not(:disabled){background:linear-gradient(110deg,#4275ed,#447dfc);box-shadow:0 7px 30px #2e6dfb48;transform:translateY(-1px)}.secondary{color:#dce6f7;background:#ffffff04;border:1px solid #a7bbda33;box-shadow:inset 0 1px 0 #ffffff03}.secondary:hover:not(:disabled){background:#4479cc15;border-color:#96b8eb70;transform:translateY(-1px)}.button-arrow{margin-left:auto;width:17px;height:17px;color:inherit;opacity:.8;transition:transform .25s}.auth-button:hover .button-arrow{transform:translateX(3px)}.button-loader{margin-left:auto;display:none;width:18px;height:18px;animation:spin 1s linear infinite}.auth-button[aria-busy=true] .button-loader{display:block}.auth-button[aria-busy=true] .button-arrow{display:none}.auth-button:disabled{opacity:.65;cursor:wait}.panel-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 10px;border-top:1px solid #acc4e518;color:#9dacc6;font-size:10px;line-height:1.3;background:#050b151f;border-radius:0 0 24px 24px}.panel-footer .icon{width:14px;height:14px;color:#a4bddf}.footer{height:62px;width:calc(100% - 112px);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#8e9eb8;position:relative;z-index:1}.code-form{border-top:1px solid #adc8f125;margin-top:23px;padding-top:20px;animation:arrive .3s var(--ease)}.code-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d4e2f7;margin-bottom:13px}.close-code{padding:5px;display:grid;place-items:center;color:#9eb1cf;background:transparent;border:0;border-radius:5px}.close-code:hover{background:#ffffff0f;color:white}.close-code .icon{width:16px;height:16px}.code-input{width:100%;display:block;min-height:62px;padding:12px 15px 12px 29px;background:#050a14;border:1px solid #789ac166;border-radius:9px;color:#edf5ff;text-align:center;font-size:27px;letter-spacing:14px;line-height:1.3;font-variant-numeric:tabular-nums}.code-input::placeholder{color:#6d82a4}.code-input:focus{border-color:#8ebcff}.code-form p{font-size:11px;color:#a5b3cb;margin:10px 0 17px}.submit-button{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:9px;font-size:12px}.submit-button .icon{width:16px;height:16px}.submit-button:disabled{opacity:.6;cursor:wait}.result{margin-top:20px;border:1px solid #6b9ddd55;background:#5188da15;border-radius:10px;padding:15px;animation:arrive .3s var(--ease)}.result p{font-size:12px;margin:0;color:#bfcef0;overflow-wrap:anywhere}.result a{display:block;margin-top:10px;font-size:13px;font-weight:550;color:#d9e9ff;text-underline-offset:4px}.result.error{border-color:#e2988260;background:#b95e4815}.result.error p{color:#f9bcae}.access-ready{border-color:#8bbcff70}.selection-pulse{animation:selection-flash .6s ease-out}.skip-link{position:fixed;z-index:10;top:10px;left:16px;transform:translateY(-150%);padding:12px 20px;background:#d6e5ff;color:#14243a;border-radius:6px}.skip-link:focus{transform:none}.noscript{position:fixed;bottom:0;left:0;right:0;margin:0;padding:16px;background:#111d31;color:white;text-align:center}
@keyframes beam-travel{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(1800px);opacity:0}}@keyframes edge-travel{from{transform:translateY(0)}to{transform:translateY(120vh)}}@keyframes frame-orbit{to{stroke-dashoffset:-92}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panel-arrive{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes grid-arrive{from{opacity:0}to{opacity:1}}@keyframes selection-flash{0%{box-shadow:0 0 90px #4b88ff60}100%{box-shadow:0 35px 80px #0009,0 0 100px #3779d312}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .intro,.motion-paused .panel,.motion-paused .grid-plane{animation:none}.motion-paused .button-loader{animation-play-state:running!important}
@media(min-width:1700px){main{padding-top:40px;padding-bottom:80px}.intro{margin-bottom:40px}.panel{width:490px}.panel-inner{padding:30px}.os{height:122px}.auth-button{height:60px}.field-heading h2{font-size:13px}.intro p{font-size:16px}}
@media(max-width:700px){.header{width:calc(100% - 40px);height:76px}.brand-name{font-size:24px}.brand{gap:13px}.brand-product{font-size:14px}.motion-toggle{padding:9px}.motion-toggle>span{display:none}.motion-toggle .icon{width:15px;height:15px}.footer{width:calc(100% - 40px);height:65px;font-size:9px;gap:10px}.footer>span:last-child{display:none}main{min-height:calc(100svh - 141px);padding:25px 20px 38px;justify-content:center}.intro{margin-bottom:29px}h1{font-size:43px;line-height:1.09;letter-spacing:-1.9px;max-width:360px}h1 span{display:block}.intro p{font-size:12px;margin-top:15px}.panel{width:420px;background:linear-gradient(145deg,#172338f7,#09101df5 55%,#0c1728fa);border-radius:20px}.panel-inner{padding:23px}.panel-light{border-radius:20px}.panel-footer{font-size:9px;padding-block:16px;border-radius:0 0 20px 20px}.field-heading{margin-bottom:12px}.os-grid{gap:8px}.os{height:101px;gap:9px;border-radius:10px}.brand-icon{width:25px;height:25px}.os>.brand-icon+span{font-size:11px}.os-status{font-size:8px}.os-status .icon{width:9px;height:9px}.access-heading{margin-top:23px}.auth-button{height:53px;padding-inline:15px;font-size:13px;gap:12px}.auth-button>.icon:first-child{width:21px;height:21px}.edge-left{left:9px}.edge-right{right:9px}.edge-traffic{top:82px;bottom:60px}.network{width:170%;left:-35%;opacity:.9}.beams i{width:170%;left:-95%}.beams i:nth-child(2){left:80%}.beams i:nth-child(3){left:60%}.beams i:nth-child(4){left:-100%}.beams i:nth-child(n+5){display:none}.grid-plane{left:-100%;right:-100%;top:62%}.code-input{font-size:24px;letter-spacing:12px}.panel-light rect{rx:19px}.intro:before{inset:-20px -5px}}
@media(max-width:360px){main{padding-inline:16px}.header,.footer{width:calc(100% - 32px)}h1{font-size:38px}.panel-inner{padding:18px}.os{height:96px}.os-grid{gap:6px}.os-status{font-size:7px}.panel-footer{font-size:8px;gap:5px}.panel-footer .icon{width:12px;height:12px}.auth-button{height:51px}.intro p{font-size:11px}.code-input{letter-spacing:9px;padding-left:23px}.submit-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.light-packet{opacity:.55}}

/* Pre-rendered light sprites replace the continuously filtered SVG animation. */
.light-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.network{transform:translateZ(0)}
.beams i:after,.edge-traffic i{will-change:transform}
.panel{background:linear-gradient(145deg,#152035,#09101d 55%,#0c1728)}
@media(prefers-reduced-motion:reduce){.beams i:after,.edge-traffic i{will-change:auto}}
/* Keep the frame highlight static: an animated SVG stroke repaints the entire card. */
.panel-light rect{animation:none;stroke-dashoffset:-18}
