.hub{color:#f2f6fb;isolation:isolate;background:#071019;border-radius:28px;width:1140px;height:560px;font-family:Red Hat Text,Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #050e1acc,inset 0 0 0 1px #ffffff0d}.hub .stars{z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff8c,#0000 60%),radial-gradient(1px 1px at 26% 62%,#ffffff59,#0000 60%),radial-gradient(1.5px 1.5px at 38% 28%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 47% 74%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 58% 12%,#ffffff73,#0000 60%),radial-gradient(1.5px 1.5px at 66% 54%,#fff6,#0000 60%),radial-gradient(1px 1px at 74% 24%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 84% 70%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 91% 38%,#ffffff73,#0000 60%),radial-gradient(1px 1px at 6% 82%,#ffffff59,#0000 60%),radial-gradient(1.5px 1.5px at 33% 88%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 52% 44%,#ffffff4d,#0000 60%);animation:6s ease-in-out infinite twinkle;position:absolute;inset:0}.hub .stars2{background-image:radial-gradient(1px 1px at 18% 40%,#fff6,#0000 60%),radial-gradient(1px 1px at 29% 10%,#ffffff59,#0000 60%),radial-gradient(1px 1px at 43% 58%,#ffffff4d,#0000 60%),radial-gradient(1.5px 1.5px at 62% 34%,#ffffff73,#0000 60%),radial-gradient(1px 1px at 70% 80%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 79%,#fff6,#0000 60%),radial-gradient(1px 1px at 88% 16%,#ffffff59,#0000 60%),radial-gradient(1px 1px at 95% 84%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 9%,#ffffff4d,#0000 60%);animation-delay:-3s}.hub .planet{z-index:0;pointer-events:none;background:radial-gradient(circle,#0e4a3d 0%,#0b3b33 30%,#0a2a2b 48%,#071019 60%);border-radius:50%;width:1500px;height:1500px;animation:7s ease-in-out infinite breathe;position:absolute;top:64%;left:50%;transform:translate(-50%);box-shadow:0 -40px 120px -20px #0bc39673,0 -8px #5fe3c259}.hub .planet:before{content:"";background:radial-gradient(at 50% 2%,#5fe3c28c,#0bc3962e 18%,#0000 40%);border-radius:50%;position:absolute;inset:0}.hub .planet:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.hub .haze{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#0710198c 100%);position:absolute;inset:0}.hub svg.wires{z-index:2;pointer-events:none;width:1140px;height:560px;position:absolute;inset:0}.hub .wire{fill:none;stroke:#ffffff24;stroke-width:1.2px}.hub .pulse{fill:none;stroke:#5fe3c2;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:46 600;stroke-dashoffset:646px;filter:drop-shadow(0 0 5px #0bc396e6);animation:3s cubic-bezier(.45,0,.3,1) infinite run}.hub .pulse.out{stroke-dashoffset:-46px;animation-name:runOut}.hub .pill{z-index:3;letter-spacing:.01em;color:#f2f6fb;white-space:nowrap;background:linear-gradient(#273240,#1e2733);border:0;border-radius:14px;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:600;animation:.9s cubic-bezier(.2,.8,.2,1) both pillIn;display:flex;position:absolute;box-shadow:0 10px 30px -14px #000000e6}.hub .pill .fi{color:#5fe3c2;opacity:1;width:18px;height:18px}.hub .core{z-index:4;background:conic-gradient(from 210deg,#b9c3cf,#f4f7fa 20%,#8c98a8 38%,#e6eaf0 55%,#7f8b9b 72%,#f4f7fa 88%,#b9c3cf);border-radius:40px;width:300px;height:300px;padding:5px;animation:1.4s cubic-bezier(.2,.8,.2,1) both coreIn,6s ease-in-out 1.4s infinite hover;position:absolute;top:130px;left:420px;box-shadow:0 30px 80px -30px #000000e6,0 0 60px -20px #5fe3c280}.hub .core-in{background:radial-gradient(120% 80% at 50% 110%,#0e4a3d 0%,#0a2230 45%,#0a121c 100%);border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.hub .core-in:before{content:"";background:radial-gradient(60% 40% at 50% 0,#ffffff1f,#0000 70%);position:absolute;inset:0}.hub .mark{filter:drop-shadow(0 12px 24px #0bc39680);width:96px;height:auto;animation:6s ease-in-out infinite markFloat}.hub .word{filter:drop-shadow(0 0 14px #5fe3c28c);width:auto;height:22px}.hub .ring{pointer-events:none;border:1px solid #5fe3c22e;border-radius:52px;animation:3s ease-out infinite ringPulse;position:absolute;inset:-14px}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.45}}@keyframes breathe{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@keyframes run{0%{stroke-dashoffset:646px;opacity:0}8%{opacity:1}60%{stroke-dashoffset:0;opacity:1}75%,to{stroke-dashoffset:0;opacity:0}}@keyframes runOut{0%{stroke-dashoffset:646px;opacity:0}8%{opacity:1}60%{stroke-dashoffset:0;opacity:1}75%,to{stroke-dashoffset:0;opacity:0}}@keyframes pillLit{0%,52%{border-color:#ffffff1a;box-shadow:0 10px 30px -14px #000000e6,inset 0 1px #ffffff14}62%{border-color:#5fe3c2d9;box-shadow:0 0 0 1px #5fe3c259,0 0 26px -2px #0bc396a6,inset 0 1px #ffffff1f}85%,to{border-color:#ffffff1a;box-shadow:0 10px 30px -14px #000000e6,inset 0 1px #ffffff14}}@keyframes pillIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes coreIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes markFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ringPulse{0%{opacity:0;transform:scale(.96)}30%{opacity:.6}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.hub *{animation:none!important}.hub .pulse{opacity:0}}