:root{--ink:#060a17;--blue:#5975ff;--lime:#cafb39;--muted:#90a0c8}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:var(--ink);color:#fff;font-family:Manrope,"Noto Sans SC",sans-serif}.gateway{min-height:100vh;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#182d8f 0%,#0c1641 26%,#080e23 51%,#060a17 78%);overflow:hidden}.gateway:before,.gateway:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.gateway:before{width:78vmax;height:78vmax;border:1px solid #7890ff1c;box-shadow:0 0 0 130px #7890ff08,0 0 0 260px #7890ff05,0 0 160px #405cff55;transform:translateY(13%)}.gateway:after{width:100%;height:1px;top:49%;background:linear-gradient(90deg,transparent,#a6b7ff80,transparent);box-shadow:0 0 30px #5472ff}.noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.brand{z-index:2;position:absolute;left:44px;top:34px;display:inline-flex;align-items:center;text-decoration:none;color:#fff;gap:8px;font-weight:800;letter-spacing:-1px;font-size:22px}.brand i{width:23px;height:23px;display:inline-block;background:var(--blue);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}.brand i:after{content:"";position:absolute;inset:5px;background:var(--lime);clip-path:inherit}.brand small{font:9px "DM Mono";letter-spacing:1.3px;color:#aab8df;align-self:flex-end;margin:0 0 3px 1px}.core{position:absolute;width:min(60vw,620px);height:min(60vw,620px);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.rings span{position:absolute;inset:0;border:1px solid #b8c6ff4d;border-radius:50%;animation:spin 12s linear infinite}.rings span:nth-child(2){inset:11%;transform:rotateX(70deg);animation-direction:reverse;animation-duration:9s}.rings span:nth-child(3){inset:23%;transform:rotateY(72deg);animation-duration:7s;border-color:#cafb3980}.rings span:nth-child(4){inset:35%;border-style:dashed;animation-duration:5s}.axis{position:absolute;left:50%;top:50%;background:#7890ff5e;transform:translate(-50%,-50%)}.axis-x{height:1px;width:115%}.axis-y{width:1px;height:115%}.beam{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e9ff8f 0 3%,#84a1ff 14%,#5271ff 25%,#3152d8 41%,transparent 69%);filter:blur(2px);animation:breathe 2s ease-in-out infinite}.north-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-51%);font-size:89px;color:#fff;text-shadow:0 0 8px #fff,0 0 30px var(--lime),0 0 66px #6180ff;animation:flash 2s ease-in-out infinite}.satellite{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--lime);border:2px solid white;box-shadow:0 0 0 6px #cafb3938,0 0 18px var(--lime);animation:glint 1.5s infinite}.s1{top:18%;left:21%}.s2{right:16%;bottom:29%}.s3{bottom:12%;left:43%}.progress-panel{z-index:2;position:absolute;width:310px;left:max(8vw,45px);top:50%;transform:translateY(-50%)}.eyebrow{font:10px "DM Mono";letter-spacing:1.6px;color:#abb8da;margin:0 0 17px}.eyebrow span{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin:0 8px 1px 0}.progress-panel h1{font-size:33px;line-height:1.17;letter-spacing:-1.8px;margin:0 0 18px}.progress-panel h1 strong{color:#c8d5ff}.status{font-size:12px;color:#b4c0de;margin:0 0 19px}.status i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime);animation:glint .8s infinite}.progress{width:100%;height:2px;background:#a6b8ee4a}.progress div{width:0;height:100%;background:var(--lime);box-shadow:0 0 12px var(--lime);transition:width .2s}.progress-meta{display:flex;justify-content:space-between;color:#8796bd;margin-top:8px;font:10px "DM Mono"}.progress-meta span:first-child{color:var(--lime)}.system-code{position:absolute;z-index:2;font:10px "DM Mono";letter-spacing:.6px;color:#8fa4dd99}.code-a{right:10%;top:23%}.code-b{right:14%;bottom:25%}.code-c{left:16%;bottom:19%}.footer-status{position:absolute;z-index:2;bottom:24px;font:9px "DM Mono";letter-spacing:1.1px;color:#8090b8}.footer-status span{color:#6fdb72;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.16);opacity:.75}}@keyframes flash{50%{opacity:.74;transform:translate(-50%,-51%) scale(.91)}}@keyframes glint{50%{opacity:.42}}@media(max-width:760px){.brand{left:23px;top:25px}.core{width:110vw;height:110vw;top:40%}.progress-panel{top:auto;bottom:16%;left:50%;transform:translateX(-50%);width:min(82vw,340px);text-align:center}.progress-panel h1{font-size:28px}.system-code{display:none}.footer-status{font-size:7px;bottom:17px}.axis-x{width:130%}.axis-y{height:130%}}
