:root{--bg:#070a1a;--fg:#eef0ff;--muted:#8e93b8;--brand:#171f97;--blue:#4a5bff;--red:#f20512;--line:#7887ff14}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:relative;overflow:hidden}.grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:50px 50px;animation:20s linear infinite drift;position:fixed;inset:-100px;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}@keyframes drift{to{transform:translate(50px,50px)}}.glow{background:radial-gradient(circle,#2e3ce652,#0000 65%);border-radius:50%;width:680px;height:680px;animation:6s ease-in-out infinite pulse;position:fixed}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}main{z-index:1;text-align:center;width:100%;padding:0 16px;position:relative}.net{width:180px;height:120px;margin:0 auto 36px;display:block;overflow:visible}.net .link{stroke:#8c96ff47;stroke-width:1.2px}.net .node{fill:var(--bg);stroke:var(--blue);stroke-width:2px}.net .hub{fill:var(--blue)}.net .ring{fill:none;stroke:var(--blue);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-out infinite ripple}.net .ring.r2{animation-delay:1.4s}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.net .packet{fill:var(--red);filter:drop-shadow(0 0 3px var(--red))}.net .blink{animation:2.4s ease-in-out infinite blink}.net .blink.b2{animation-delay:.8s}.net .blink.b3{animation-delay:1.6s}@keyframes blink{0%,to{stroke:var(--blue)}50%{stroke:#9aa5ff}}.logo{fill:#fff;opacity:0;filter:drop-shadow(0 0 24px #4a5bff59);width:min(520px,86vw);height:auto;margin:0 auto;animation:.9s cubic-bezier(.2,.7,.2,1) .2s forwards rise;display:block}.logo-wrap{width:min(520px,86vw);margin:0 auto;animation:5.5s step-end 1.6s infinite jolt;position:relative}.logo-wrap .logo{width:100%}.logo.ghost{opacity:0;filter:none;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.logo.ghost.r{fill:var(--red);animation:5.5s step-end 1.6s infinite ghostR}.logo.ghost.b{fill:#36d6ff;animation:5.5s step-end 1.6s infinite ghostB}@keyframes jolt{0%,86%{transform:none}87%{transform:translate(-2px,1px)skew(-2deg)}88%{transform:translate(3px,-1px)}89%{transform:translate(-1px)skew(3deg)}90%{transform:none}93%{transform:translate(2px,1px)}94%,to{transform:none}}@keyframes ghostR{0%,86%{opacity:0;clip-path:none;transform:none}87%{opacity:.85;clip-path:inset(10% 0 55%);transform:translate(-6px)}88%{opacity:.85;clip-path:inset(60% 0 8%);transform:translate(5px)}89%{opacity:.7;clip-path:inset(35% 0);transform:translate(-3px)}90%,92%{opacity:0}93%{opacity:.8;clip-path:inset(0 0 70%);transform:translate(4px)}94%,to{opacity:0;clip-path:none;transform:none}}@keyframes ghostB{0%,86%{opacity:0;clip-path:none;transform:none}87%{opacity:.8;clip-path:inset(50% 0 20%);transform:translate(6px)}88%{opacity:.8;clip-path:inset(5% 0 70%);transform:translate(-5px)}89%{opacity:.6;clip-path:inset(70% 0 0);transform:translate(3px)}90%,92%{opacity:0}93%{opacity:.7;clip-path:inset(40% 0 30%);transform:translate(-4px)}94%,to{opacity:0;clip-path:none;transform:none}}.spark{opacity:0;fill:none;stroke:#e9f4ff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:9%;filter:drop-shadow(0 0 4px #7fd8ff) drop-shadow(0 0 10px var(--blue));pointer-events:none;animation:5.5s step-end 1.6s infinite spark;position:absolute;top:-14%;right:-2%}@keyframes spark{0%,86%{opacity:0;transform:none}87%{opacity:1;transform:none}88%{opacity:.3;transform:scale(.9)rotate(8deg)}89%{opacity:1;transform:scale(1.1)rotate(-6deg)}90%,to{opacity:0;transform:none}}.logo-wrap .logo:not(.ghost){animation:.9s cubic-bezier(.2,.7,.2,1) .2s forwards rise,5.5s step-end 1.6s infinite flash}@keyframes flash{0%,86%{filter:drop-shadow(0 0 24px #4a5bff59)}87%{filter:drop-shadow(0 0 30px #8cc8ffe6)brightness(1.3)}88%{filter:drop-shadow(0 0 24px #4a5bff59)}89%{filter:drop-shadow(0 0 36px #8cc8ffe6)brightness(1.4)}90%,to{filter:drop-shadow(0 0 24px #4a5bff59)}}h1{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tag{color:var(--fg);opacity:0;margin-top:26px;font-size:clamp(1rem,2.6vw,1.25rem);font-weight:500;animation:.9s cubic-bezier(.2,.7,.2,1) .45s forwards rise}.tag span{color:var(--red)}.bar{background:var(--line);opacity:0;border-radius:2px;width:min(260px,70vw);height:2px;margin:34px auto 0;animation:.9s .6s forwards rise;overflow:hidden}.bar:after{content:"";background:linear-gradient(90deg, transparent, var(--blue), var(--red), transparent);width:40%;height:100%;animation:2.4s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}.areas{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;margin:28px auto 0;list-style:none;display:flex}.areas li{letter-spacing:.04em;color:var(--fg);opacity:0;background:#171f972e;border:1px solid #7887ff38;border-radius:999px;padding:8px 16px;font-size:.88rem;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise;position:relative;overflow:hidden}.areas li:before{content:"";background:var(--red);vertical-align:1px;width:6px;height:6px;box-shadow:0 0 6px var(--red);border-radius:50%;margin-right:9px;animation:3s ease-in-out infinite led;display:inline-block}.areas li:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff1f 50%,#0000 70%);animation:6s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes led{0%,to{opacity:1}50%{opacity:.35}}@keyframes shine{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.areas li:first-child{animation-delay:.75s}.areas li:nth-child(2){animation-delay:.85s}.areas li:nth-child(3){animation-delay:.95s}.areas li:nth-child(4){animation-delay:1.05s}.areas li:nth-child(5){animation-delay:1.15s}.areas li:nth-child(6){animation-delay:1.25s}.areas li:nth-child(2):before,.areas li:nth-child(2):after{animation-delay:.5s}.areas li:nth-child(3):before,.areas li:nth-child(3):after{animation-delay:1s}.areas li:nth-child(4):before,.areas li:nth-child(4):after{animation-delay:1.5s}.areas li:nth-child(5):before,.areas li:nth-child(5):after{animation-delay:2s}.areas li:nth-child(6):before,.areas li:nth-child(6):after{animation-delay:2.5s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}footer{text-align:center;color:var(--muted);font-size:.8rem;position:fixed;bottom:20px;left:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:10ms!important;animation-iteration-count:1!important}.net .packet,.logo.ghost,.spark{display:none}}