:root{--bg:#02040b;--bg2:#070a16;--card:rgba(10,16,35,.66);--card2:rgba(5,9,21,.78);--line:rgba(148,197,255,.15);--line2:rgba(124,215,255,.28);--text:#f7f9ff;--muted:#9aa8c4;--blue:#3ba7ff;--cyan:#66edff;--violet:#8d68ff;--gold:#ffd78a;--green:#65ffc0;--glow:0 0 42px rgba(61,160,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#4c74ff;color:white}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:soft-light;opacity:.3}
#stars{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 50% -10%,#111a3d 0,#050817 38%,#020309 74%)}.aurora{position:fixed;inset:-30%;z-index:-4;pointer-events:none;background:radial-gradient(circle at 28% 26%,rgba(47,117,255,.16),transparent 26%),radial-gradient(circle at 76% 42%,rgba(136,76,255,.14),transparent 26%),radial-gradient(circle at 52% 80%,rgba(47,225,255,.08),transparent 23%);filter:blur(60px);animation:aurora 13s ease-in-out infinite alternate}@keyframes aurora{to{transform:translate3d(4%,-3%,0) scale(1.07)}}
.cursor-glow{position:fixed;z-index:-1;width:380px;height:380px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(78,151,255,.09),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:.8}
.boot-screen{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:14px;background:#02040b;transition:opacity .65s ease,visibility .65s ease}.boot-screen.done{opacity:0;visibility:hidden}.boot-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950;letter-spacing:.2em}.boot-logo img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 30px rgba(77,169,255,.45)}.boot-line{width:220px;height:2px;background:rgba(255,255,255,.08);overflow:hidden}.boot-line i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet));animation:load 1s linear infinite}@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(280%)}}.boot-screen small{font-size:9px;letter-spacing:.28em;color:#72809c}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:flex;align-items:center;gap:34px;padding:0 clamp(18px,4vw,72px);border-bottom:1px solid transparent;transition:.32s;background:linear-gradient(to bottom,rgba(2,4,12,.78),transparent);backdrop-filter:blur(4px)}.topbar.scrolled{height:68px;background:rgba(3,6,15,.8);border-color:var(--line);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-orb{position:relative;display:grid;place-items:center}.brand-orb:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(101,218,255,.3);border-radius:50%;animation:spin 8s linear infinite}.brand img{border-radius:50%;box-shadow:0 0 24px rgba(66,160,255,.3)}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:13px;letter-spacing:.18em}.brand-copy em{font-style:normal;font-size:8px;letter-spacing:.31em;color:#8da0c3;margin-top:5px}.nav{display:flex;gap:28px;margin-left:auto}.nav a{position:relative;font-size:12px;color:#b6c0d7;transition:.2s}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.live-pill{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;color:#88a0bd}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(147,186,255,.23);border-radius:999px;padding:14px 22px;font-weight:850;font-size:14px;letter-spacing:.02em;transition:.25s;backdrop-filter:blur(12px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.18) 46%,transparent 67%);transform:translateX(-130%);transition:.55s}.btn:hover:before{transform:translateX(130%)}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn-small{padding:10px 17px;font-size:11px}.btn-primary{border-color:rgba(116,215,255,.46);background:linear-gradient(120deg,#315cff,#704cff 52%,#13b7e7);box-shadow:0 10px 44px rgba(50,94,255,.26)}.btn-ghost{background:rgba(255,255,255,.035)}.btn-large{padding:19px 30px;font-size:15px}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;padding:125px clamp(22px,7vw,120px) 130px;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-5;background:url('../img/hero.webp') center/cover no-repeat;opacity:.24;filter:saturate(1.3) contrast(1.08);transform:scale(1.05)}.hero-overlay{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(2,4,12,.985) 0%,rgba(2,4,12,.84) 38%,rgba(2,4,12,.34) 72%,rgba(2,4,12,.72) 100%),linear-gradient(0deg,#02040b 0%,transparent 24%)}.hero-grid{position:absolute;inset:0;z-index:-3;opacity:.12;background-image:linear-gradient(rgba(96,158,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(96,158,255,.15) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 70%,transparent)}.hero-copy{max-width:760px;position:relative;z-index:3}.signal{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,25,.42);font-size:9px;letter-spacing:.21em;color:#87a2c8;margin-bottom:22px}.signal span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.hero h1{font-size:clamp(52px,7.2vw,112px);line-height:.86;letter-spacing:-.06em;margin:0;max-width:880px;text-shadow:0 18px 60px rgba(0,0,0,.55)}.hero h1 span,.section-heading h2 span{display:inline-block;background:linear-gradient(98deg,#fff 5%,#8fe4ff 36%,#9b82ff 68%,#fff 94%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(89,162,255,.08))}.lead{max-width:650px;margin:28px 0 0;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-meta{display:flex;gap:0;margin-top:34px;border-top:1px solid var(--line);max-width:630px}.hero-meta div{padding:17px 28px 0 0;margin-right:28px;border-right:1px solid var(--line)}.hero-meta div:last-child{border-right:0}.hero-meta strong{display:block;font-size:18px}.hero-meta span{display:block;margin-top:4px;color:#7886a3;font-size:9px;letter-spacing:.08em}.hero-orbit{position:relative;justify-self:end;width:min(45vw,620px);aspect-ratio:1;display:grid;place-items:center}.hero-orbit img{position:relative;z-index:4;width:76%;border-radius:50%;filter:drop-shadow(0 0 44px rgba(70,153,255,.38));animation:float 6s ease-in-out infinite}.portal-halo{position:absolute;border-radius:50%;border:1px solid rgba(96,177,255,.22);box-shadow:inset 0 0 50px rgba(97,110,255,.04)}.halo-1{inset:3%;animation:spin 19s linear infinite}.halo-2{inset:12%;border-style:dashed;border-color:rgba(166,103,255,.24);animation:spinback 14s linear infinite}.halo-3{inset:21%;border-color:rgba(101,228,255,.19);animation:spin 8s linear infinite}.portal-halo:before,.portal-halo:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b8efff;box-shadow:0 0 22px #6adfff}.halo-1:before{left:10%;top:17%}.halo-1:after{right:11%;bottom:18%;background:#b690ff;box-shadow:0 0 22px #a266ff}.halo-2:before{right:4%;top:48%}.halo-2:after{left:19%;bottom:8%}.sat{position:absolute;z-index:6;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px var(--cyan)}.sat-a{top:8%;left:48%;animation:blink 1.9s infinite}.sat-b{right:5%;top:54%;animation:blink 2.4s .5s infinite}.sat-c{left:12%;bottom:19%;animation:blink 1.6s .2s infinite}@keyframes blink{50%{opacity:.3;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinback{to{transform:rotate(-360deg)}}@keyframes float{50%{transform:translateY(-13px) scale(1.018)}}.core-label{position:absolute;z-index:8;right:2%;bottom:16%;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(4,8,20,.65);backdrop-filter:blur(12px);display:grid}.core-label small{font-size:8px;letter-spacing:.2em;color:#7e8ca6}.core-label b{font-size:10px;color:var(--green);margin-top:4px;letter-spacing:.15em}.comet{position:absolute;z-index:-1;width:120px;height:1px;background:linear-gradient(90deg,transparent,#6be6ff,white);filter:drop-shadow(0 0 6px #4fc9ff);transform:rotate(-28deg);opacity:0;animation:comet 8s linear infinite}.comet-one{top:18%;left:57%;animation-delay:1s}.comet-two{top:42%;left:83%;animation-delay:5.2s}@keyframes comet{0%{opacity:0;transform:translate(-180px,-80px) rotate(-28deg)}6%{opacity:1}18%{opacity:0;transform:translate(240px,160px) rotate(-28deg)}100%{opacity:0}}.hero-ticker{position:absolute;left:0;right:0;bottom:0;height:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(3,6,16,.64);backdrop-filter:blur(12px);overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;align-items:center;gap:26px;min-width:max-content;animation:ticker 28s linear infinite}.ticker-track span{font-size:9px;letter-spacing:.22em;color:#8998b6}.ticker-track i{font-style:normal;color:#67dfff}@keyframes ticker{to{transform:translateX(-50%)}}.scroll-cue{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px}.scroll-cue span{font-size:8px;letter-spacing:.28em;color:#697691}.scroll-cue i{width:1px;height:26px;background:linear-gradient(#74dfff,transparent);animation:scrollLine 1.7s infinite}@keyframes scrollLine{50%{transform:translateY(6px);opacity:.35}}
.section{padding:125px clamp(22px,7vw,120px);position:relative}.section-heading{max-width:860px}.eyebrow{margin:0 0 17px;color:#70d4ff;font-size:10px;font-weight:900;letter-spacing:.28em}.section-heading h2{font-size:clamp(40px,5vw,74px);line-height:1;letter-spacing:-.048em;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.75;max-width:730px}.intro{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.universe-console{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(15,24,54,.7),rgba(5,8,19,.78));box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.console-top{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.16em;color:#8190ae}.console-top i{font-style:normal;color:var(--green)}.console-core{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:32px}.mini-orbit{position:relative;width:132px;aspect-ratio:1;border:1px solid rgba(101,194,255,.25);border-radius:50%;animation:spin 10s linear infinite}.mini-orbit:before,.mini-orbit:after{content:"";position:absolute;border:1px solid rgba(156,105,255,.22);border-radius:50%}.mini-orbit:before{inset:18%;transform:rotate(33deg)}.mini-orbit:after{inset:36%;background:radial-gradient(circle,#67e9ff,rgba(89,99,255,.5),transparent 69%);box-shadow:0 0 40px rgba(81,174,255,.35)}.mini-orbit span,.mini-orbit i,.mini-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #5de2ff}.mini-orbit span{top:-4px;left:49%}.mini-orbit i{right:12px;bottom:19px}.mini-orbit b{left:7px;top:58%;background:#a477ff;box-shadow:0 0 14px #9a66ff}.console-data{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.console-data small{color:#6d7c99;font-size:8px;letter-spacing:.14em}.console-data strong{color:#dce8ff;font-size:11px;letter-spacing:.13em}.console-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 20px 18px}.console-lines span{height:3px;background:linear-gradient(90deg,rgba(65,149,255,.15),rgba(102,229,255,.8));border-radius:10px;animation:dataPulse 2.3s ease-in-out infinite}.console-lines span:nth-child(2){animation-delay:.4s}.console-lines span:nth-child(3){animation-delay:.8s}.console-lines span:nth-child(4){animation-delay:1.2s}@keyframes dataPulse{50%{opacity:.22;transform:scaleX(.72)}}
.systems{padding-top:80px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.feature-card{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(15,24,51,.67),rgba(5,8,18,.79));overflow:hidden;transition:transform .2s,border-color .3s,box-shadow .3s;transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(83,176,255,.18),transparent 32%);opacity:0;transition:.3s}.feature-card:hover{border-color:rgba(105,208,255,.34);box-shadow:0 25px 70px rgba(0,0,0,.28)}.feature-card:hover:before{opacity:1}.feature-main{background:radial-gradient(circle at 20% 0,rgba(55,134,255,.18),transparent 40%),linear-gradient(145deg,rgba(15,24,51,.7),rgba(5,8,18,.8))}.card-no{position:absolute;right:20px;top:18px;font-size:10px;letter-spacing:.18em;color:#50617e}.icon{font-size:28px;color:#73d7ff;text-shadow:0 0 20px rgba(82,185,255,.6)}.feature-card h3{margin:24px 0 10px;font-size:22px}.feature-card p{margin:0;color:#97a5c2;line-height:1.68;font-size:14px}.card-foot{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:center}.tag{font-size:8px;letter-spacing:.18em;color:#6fc9ff;font-weight:900}.card-foot i{font-style:normal;font-size:8px;letter-spacing:.12em;color:#5cffb9}.games-section{position:relative;min-height:780px;display:flex;align-items:center;padding:120px clamp(22px,7vw,120px);overflow:hidden}.games-bg{position:absolute;inset:0;background:url('../img/gaming.webp') center/cover no-repeat;filter:saturate(.92) contrast(1.08);transform:scale(1.025)}.games-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,12,.98),rgba(2,4,12,.68) 52%,rgba(2,4,12,.76)),linear-gradient(0deg,#02040b,transparent 18%,transparent 82%,#02040b)}.game-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(93,217,255,.07) 50%,transparent 51%);background-size:100% 14px;mix-blend-mode:screen;opacity:.18}.games-inner{position:relative;z-index:2;max-width:850px}.game-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.game-chips span{padding:11px 15px;border-radius:999px;border:1px solid rgba(151,192,255,.19);background:rgba(5,10,25,.66);backdrop-filter:blur(12px);font-size:11px;color:#c6d0e7;transition:.25s}.game-chips span:hover{border-color:rgba(96,220,255,.4);color:white;transform:translateY(-2px)}.games-sidecard{position:absolute;z-index:3;right:6vw;bottom:8%;width:min(330px,30vw);padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(4,8,20,.66);backdrop-filter:blur(18px)}.games-sidecard small{font-size:8px;letter-spacing:.19em;color:#6f7e99}.games-sidecard strong{display:block;margin:14px 0;font-size:17px;line-height:1.5;letter-spacing:.08em}.games-sidecard div{display:flex;align-items:center;gap:8px;color:#8492ad;font-size:9px;letter-spacing:.12em}.games-sidecard i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.roadmap{padding-top:140px}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line)}.roadmap-line article{position:relative;padding:28px 30px 20px 0;border-right:1px solid var(--line)}.roadmap-line article:last-child{border-right:0;padding-left:30px}.roadmap-line article:not(:first-child){padding-left:30px}.roadmap-line article:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#6ae2ff;box-shadow:0 0 18px #51cbff}.roadmap-line span{font-size:9px;color:#63728f;letter-spacing:.15em}.roadmap-line b{display:block;margin-top:13px;font-size:18px}.roadmap-line p{color:#8492ad;font-size:13px;line-height:1.65}.community{padding-top:150px;padding-bottom:150px}.community-card{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:56px;border:1px solid rgba(130,190,255,.2);border-radius:34px;background:radial-gradient(circle at 12% 0,rgba(43,110,255,.22),transparent 35%),radial-gradient(circle at 90% 100%,rgba(131,70,255,.2),transparent 30%),rgba(8,12,27,.74);box-shadow:0 30px 100px rgba(0,0,0,.36);backdrop-filter:blur(20px);overflow:hidden;position:relative}.community-card:after{content:"";position:absolute;right:-100px;top:-100px;width:330px;height:330px;border:1px solid rgba(112,211,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(110,115,255,.025),0 0 0 70px rgba(110,115,255,.02)}.community-copy{position:relative;z-index:2}.community-card h2{margin:4px 0 12px;font-size:clamp(34px,4vw,62px);letter-spacing:-.045em}.community-card p:not(.eyebrow){color:var(--muted);max-width:650px;line-height:1.7}.access-code{display:flex;align-items:center;gap:16px;margin-top:24px}.access-code span{font-size:8px;letter-spacing:.18em;color:#63718d}.access-code b{font-size:10px;letter-spacing:.14em;color:#7bdfff}.community-card .btn{z-index:2;min-width:190px}
footer{padding:55px 22px 115px;text-align:center;border-top:1px solid var(--line);color:#7e8aa4}.footer-mark{display:flex;justify-content:center;align-items:center;gap:10px}.footer-mark img{width:34px;height:34px;border-radius:50%}.footer-brand{font-size:20px;font-weight:950;letter-spacing:.12em;color:#fff}.footer-brand span{color:#79caff}.copyright{font-size:10px}.dock{position:fixed;z-index:45;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:3px;padding:7px;border:1px solid rgba(128,179,255,.18);border-radius:20px;background:rgba(4,7,16,.75);backdrop-filter:blur(22px);box-shadow:0 14px 60px rgba(0,0,0,.4)}.dock a{min-width:66px;padding:8px 10px;border-radius:14px;text-align:center;transition:.2s}.dock a:hover{background:rgba(86,144,255,.13)}.dock span{display:block;color:#74caff;font-size:15px}.dock small{display:block;margin-top:3px;color:#9ca8bf;font-size:8px;letter-spacing:.05em}.toast{position:fixed;z-index:100;left:50%;bottom:96px;transform:translate(-50%,18px);display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid var(--line2);border-radius:14px;background:rgba(5,9,21,.9);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast b{font-size:10px;letter-spacing:.16em;color:#75dcff}.toast span{font-size:11px;color:#c6d0e5}.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.games-sidecard{display:none}.nav{display:none}.hero{grid-template-columns:1fr;min-height:100svh}.hero-copy{z-index:5}.hero-orbit{position:absolute;right:-18vw;top:15vh;width:72vw;opacity:.48}.hero-overlay{background:linear-gradient(90deg,rgba(2,4,12,.98),rgba(2,4,12,.72)),linear-gradient(0deg,#02040b,transparent 24%)}.intro{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.roadmap-line{grid-template-columns:1fr 1fr}.roadmap-line article:nth-child(2){border-right:0}.community-card{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cursor-glow,.live-pill{display:none}.topbar{height:68px;padding:0 15px}.topbar .btn-small{display:none}.brand img{width:35px;height:35px}.hero{padding:108px 18px 128px;align-items:start}.hero h1{font-size:52px}.signal{font-size:7px;letter-spacing:.15em}.lead{font-size:15px}.hero-orbit{width:98vw;right:-48vw;top:130px;opacity:.35}.hero-meta div{padding-right:12px;margin-right:12px}.hero-meta strong{font-size:15px}.hero-meta span{font-size:7px}.section{padding:88px 18px}.section-heading h2{font-size:42px}.intro{gap:40px}.universe-console{border-radius:20px}.console-core{grid-template-columns:95px 1fr;padding:22px 18px;gap:18px}.mini-orbit{width:92px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.games-section{padding:95px 18px;min-height:660px}.roadmap-line{grid-template-columns:1fr;border-top:0}.roadmap-line article,.roadmap-line article:not(:first-child),.roadmap-line article:last-child{padding:24px 0;border-right:0;border-top:1px solid var(--line)}.roadmap-line article:before{top:-5px}.community{padding-top:90px;padding-bottom:120px}.community-card{padding:32px 22px;border-radius:24px}.btn-large{width:100%}.dock{width:calc(100% - 22px);justify-content:space-around}.dock a{min-width:0;flex:1;padding:7px 4px}.toast{width:calc(100% - 36px);bottom:92px}.access-code{align-items:flex-start;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora,.hero-orbit img,.portal-halo,.mini-orbit,.ticker-track,.comet,.boot-line i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.boot-screen{display:none}}


/* =========================================================
   ST4R UNIVERSE — CINEMATIC COSMIC BACKDROP v2
   Adds nebulae, distant planets, orbital rings and deeper
   star fields behind the existing particles without hurting
   readability or performance.
   ========================================================= */
.section{
  isolation:isolate;
  overflow:hidden;
}
.section > *{
  position:relative;
  z-index:2;
}

/* Fine two-depth star field for all premium content sections */
.section::after{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:-1;
  pointer-events:none;
  opacity:.55;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.84) 0 1px,transparent 1.35px),
    radial-gradient(circle,rgba(112,203,255,.72) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(169,130,255,.48) 0 1px,transparent 1.5px);
  background-size:117px 117px,183px 183px,257px 257px;
  background-position:17px 31px,76px 112px,149px 39px;
  mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 88%,transparent 100%);
  animation:deepStarDrift 42s linear infinite;
}

/* Base cosmic painting: nebula haze + distant world */
.section::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-2;
  pointer-events:none;
  opacity:.82;
  background:
    radial-gradient(ellipse at 78% 24%,rgba(93,73,255,.18) 0 5%,rgba(65,72,190,.10) 17%,transparent 39%),
    radial-gradient(ellipse at 64% 40%,rgba(32,161,255,.12),transparent 34%),
    radial-gradient(circle at 12% 78%,rgba(74,124,255,.12) 0 6%,rgba(19,47,95,.18) 7% 12%,rgba(4,8,18,.1) 13% 15%,transparent 16%),
    radial-gradient(ellipse at 42% 78%,rgba(109,49,255,.09),transparent 36%);
  filter:saturate(1.2);
  transform:scale(1.05);
  animation:cosmicBreath 18s ease-in-out infinite alternate;
}

/* ABOUT: a giant half-lit planet behind mission control */
.intro::before{
  background:
    radial-gradient(circle at 86% 45%,rgba(10,19,42,.1) 0 12%,rgba(52,126,255,.18) 12.4%,rgba(50,91,176,.11) 14%,rgba(1,3,9,.9) 14.5% 23%,transparent 23.5%),
    radial-gradient(ellipse at 78% 38%,rgba(69,126,255,.17),transparent 32%),
    radial-gradient(ellipse at 22% 68%,rgba(140,72,255,.10),transparent 35%),
    linear-gradient(115deg,transparent 0 54%,rgba(102,216,255,.035) 55%,transparent 58%);
}

/* SYSTEMS: blue-violet nebula, galaxy core and orbit traces */
.systems::before{
  opacity:.94;
  background:
    radial-gradient(circle at 82% 18%,rgba(238,248,255,.36) 0 .45%,rgba(133,210,255,.28) .8%,rgba(103,97,255,.19) 3.4%,rgba(78,47,188,.12) 8%,transparent 22%),
    conic-gradient(from 218deg at 82% 18%,transparent 0 8%,rgba(108,198,255,.10) 10%,transparent 16%,rgba(148,84,255,.09) 20%,transparent 29%,rgba(64,174,255,.08) 34%,transparent 46%),
    radial-gradient(ellipse at 82% 18%,rgba(86,120,255,.15),transparent 32%),
    radial-gradient(circle at 8% 74%,rgba(9,16,36,.2) 0 8%,rgba(62,120,240,.11) 8.5% 10%,rgba(3,6,14,.75) 10.5% 17%,transparent 17.5%),
    radial-gradient(ellipse at 35% 80%,rgba(124,61,255,.12),transparent 42%);
  filter:saturate(1.25) blur(.15px);
}
.systems .feature-grid{position:relative;z-index:3}
.systems .feature-grid::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:42vw;
  height:1px;
  right:-18vw;
  top:23%;
  transform:rotate(-22deg);
  background:linear-gradient(90deg,transparent,rgba(91,199,255,.12),rgba(220,248,255,.58),rgba(92,166,255,.12),transparent);
  box-shadow:0 0 16px rgba(92,190,255,.28);
  animation:meteorSweep 11s ease-in-out infinite;
}

/* ROADMAP: distant ringed planet */
.roadmap::before{
  background:
    radial-gradient(ellipse at 88% 64%,transparent 0 10%,rgba(97,151,255,.12) 10.4% 10.8%,transparent 11.3% 14%,rgba(124,94,255,.09) 14.4% 14.8%,transparent 15.3%),
    radial-gradient(circle at 88% 64%,rgba(15,28,62,.35) 0 7%,rgba(93,143,255,.12) 7.4% 8.2%,rgba(3,6,16,.88) 8.6% 14%,transparent 14.5%),
    radial-gradient(ellipse at 72% 40%,rgba(56,142,255,.10),transparent 35%),
    radial-gradient(ellipse at 18% 72%,rgba(120,65,255,.08),transparent 35%);
}

/* COMMUNITY: brighter horizon glow toward the final CTA */
.community::before{
  background:
    radial-gradient(ellipse at 50% 112%,rgba(75,171,255,.24) 0 8%,rgba(87,90,255,.12) 20%,transparent 46%),
    radial-gradient(ellipse at 88% 12%,rgba(132,63,255,.15),transparent 34%),
    radial-gradient(circle at 12% 22%,rgba(75,168,255,.10),transparent 24%);
}

/* Subtle cosmic glass so cards stay readable above the universe */
.feature-card,.universe-console,.community-card{
  box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
}
.feature-card{
  backdrop-filter:blur(7px) saturate(1.08);
}

@keyframes deepStarDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-58px,38px,0)}
}
@keyframes cosmicBreath{
  0%{transform:scale(1.04) translate3d(-.8%,.4%,0);opacity:.72}
  100%{transform:scale(1.09) translate3d(1.2%,-1.1%,0);opacity:.92}
}
@keyframes meteorSweep{
  0%,63%,100%{opacity:0;transform:translate3d(22vw,-8vw,0) rotate(-22deg)}
  68%{opacity:1}
  79%{opacity:.28;transform:translate3d(-48vw,18vw,0) rotate(-22deg)}
  82%{opacity:0}
}

@media(max-width:650px){
  .section::before{opacity:.64;inset:-26%}
  .section::after{opacity:.42}
  .systems::before{background:
    radial-gradient(circle at 86% 13%,rgba(211,241,255,.28) 0 .5%,rgba(101,164,255,.17) 2.8%,rgba(111,69,255,.10) 8%,transparent 24%),
    radial-gradient(ellipse at 68% 22%,rgba(67,118,255,.12),transparent 35%),
    radial-gradient(ellipse at 20% 72%,rgba(130,66,255,.08),transparent 38%)}
  .systems .feature-grid::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .section::before,.section::after,.systems .feature-grid::before{animation:none!important}
}

/* =========================================================
   ST4R UNIVERSE — REAL COSMIC DEPTH v3
   Replaces the dotted wallpaper feeling with a visible,
   moving universe: nebulae, galaxy, planets, rings and meteors.
   ========================================================= */

/* Remove the repeated tiny-dot pattern from content sections. The canvas
   still provides twinkling, drifting stars globally. */
.section::after{
  opacity:0 !important;
  background:none !important;
  animation:none !important;
}

.cosmic-scene{
  position:fixed;
  inset:0;
  z-index:-4;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 110%,rgba(44,127,255,.11),transparent 46%),
    linear-gradient(#02040b,#040817 48%,#02030a);
}
.cosmic-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,4,11,.05),rgba(2,4,11,.28) 50%,rgba(2,4,11,.55));
}
.cosmic-nebula{
  position:absolute;
  border-radius:50%;
  filter:blur(52px) saturate(1.35);
  opacity:.65;
  mix-blend-mode:screen;
  will-change:transform;
}
.nebula-a{
  width:72vw;height:54vw;min-width:760px;min-height:560px;
  left:-14vw;top:20vh;
  background:
    radial-gradient(ellipse at 48% 52%,rgba(52,175,255,.28),transparent 23%),
    radial-gradient(ellipse at 62% 42%,rgba(99,75,255,.27),transparent 34%),
    radial-gradient(ellipse at 34% 60%,rgba(160,65,255,.16),transparent 40%);
  animation:nebulaDriftA 26s ease-in-out infinite alternate;
}
.nebula-b{
  width:60vw;height:48vw;min-width:680px;min-height:520px;
  right:-12vw;bottom:-12vh;
  background:
    radial-gradient(ellipse at 44% 48%,rgba(40,117,255,.25),transparent 26%),
    radial-gradient(ellipse at 62% 58%,rgba(121,61,255,.22),transparent 38%),
    radial-gradient(ellipse at 42% 28%,rgba(29,225,255,.10),transparent 36%);
  animation:nebulaDriftB 31s ease-in-out infinite alternate;
}
.cosmic-galaxy{
  position:absolute;
  width:min(58vw,900px);aspect-ratio:1;
  left:10vw;top:56vh;
  border-radius:50%;
  opacity:.62;
  filter:blur(.2px) drop-shadow(0 0 45px rgba(80,105,255,.18));
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.85) 0 .6%,rgba(142,214,255,.55) 1%,rgba(127,103,255,.32) 3%,transparent 11%),
    repeating-conic-gradient(from 24deg,rgba(132,206,255,.00) 0 7deg,rgba(124,155,255,.16) 9deg 13deg,rgba(148,72,255,.10) 14deg 19deg,transparent 21deg 31deg),
    radial-gradient(ellipse at 50% 50%,rgba(67,131,255,.12) 0 20%,rgba(110,57,255,.08) 34%,transparent 63%);
  transform:rotate(-14deg) scaleY(.56);
  animation:galaxyRotate 70s linear infinite;
}
.cosmic-galaxy::before,.cosmic-galaxy::after{
  content:"";position:absolute;inset:8%;border-radius:50%;
  border:1px solid rgba(119,181,255,.12);
  box-shadow:0 0 30px rgba(104,104,255,.10),inset 0 0 34px rgba(95,143,255,.08);
}
.cosmic-galaxy::after{inset:22%;border-color:rgba(175,103,255,.12)}

.cosmic-planet{
  position:absolute;
  border-radius:50%;
  box-shadow:inset -55px -32px 90px rgba(0,0,0,.78),inset 22px 14px 42px rgba(91,170,255,.18),0 0 70px rgba(53,113,255,.12);
  will-change:transform;
}
.planet-main{
  width:min(34vw,560px);aspect-ratio:1;
  right:-7vw;top:16vh;
  background:
    radial-gradient(circle at 29% 24%,rgba(152,211,255,.34),transparent 5%),
    radial-gradient(circle at 43% 38%,rgba(46,92,156,.34),transparent 18%),
    radial-gradient(circle at 64% 57%,rgba(37,64,117,.46),transparent 16%),
    radial-gradient(circle at 38% 72%,rgba(77,88,166,.26),transparent 20%),
    linear-gradient(140deg,#14264a 0%,#091226 42%,#020713 76%);
  animation:planetFloat 18s ease-in-out infinite alternate;
}
.planet-main::after{
  content:"";position:absolute;inset:-2%;border-radius:50%;
  border-left:2px solid rgba(118,212,255,.32);
  filter:drop-shadow(-7px 0 17px rgba(82,178,255,.34));
}
.planet-ring{
  position:absolute;left:50%;top:50%;width:158%;height:38%;
  border:2px solid rgba(112,159,255,.20);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg);
  box-shadow:0 0 20px rgba(102,111,255,.12);
}
.ring-b{width:183%;height:48%;border-color:rgba(150,98,255,.10);transform:translate(-50%,-50%) rotate(-14deg)}
.planet-small{
  width:150px;height:150px;left:7vw;top:36vh;
  opacity:.74;
  background:radial-gradient(circle at 34% 28%,#4b78b0 0 4%,#182b50 20%,#070d1b 68%);
  animation:smallPlanetFloat 21s ease-in-out infinite alternate;
}
.planet-small::before{
  content:"";position:absolute;inset:-24%;border-radius:50%;
  border:1px solid rgba(97,181,255,.16);
}

.asteroid-belt{
  position:absolute;right:3vw;bottom:6vh;width:36vw;height:18vw;
  opacity:.48;transform:rotate(-12deg);
  background:
    radial-gradient(circle at 8% 60%,#26304a 0 4px,transparent 5px),
    radial-gradient(circle at 19% 43%,#30384e 0 7px,transparent 8px),
    radial-gradient(circle at 31% 69%,#1f2840 0 5px,transparent 6px),
    radial-gradient(circle at 47% 38%,#343e58 0 10px,transparent 11px),
    radial-gradient(circle at 62% 62%,#1e263a 0 7px,transparent 8px),
    radial-gradient(circle at 76% 39%,#2d3751 0 5px,transparent 6px),
    radial-gradient(circle at 91% 65%,#202a40 0 9px,transparent 10px);
  animation:asteroidDrift 23s ease-in-out infinite alternate;
}
.cosmic-streak{
  position:absolute;width:250px;height:2px;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(85,204,255,.4),#fff);
  filter:drop-shadow(0 0 7px #65cfff);
  transform:rotate(-26deg);
}
.streak-a{top:22vh;left:30vw;animation:spaceStreak 9s linear infinite 1.2s}
.streak-b{top:68vh;left:65vw;animation:spaceStreak 13s linear infinite 6.2s}

/* Turn section pseudo backgrounds into readability veils instead of fake stars. */
.section::before{
  opacity:1 !important;
  inset:0 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  background:linear-gradient(180deg,rgba(3,6,16,.34),rgba(3,6,16,.62)) !important;
}
.intro::before{
  background:linear-gradient(90deg,rgba(3,6,16,.52),rgba(3,6,16,.20) 58%,rgba(3,6,16,.48)) !important;
}
.systems::before{
  background:linear-gradient(180deg,rgba(2,5,13,.48),rgba(4,6,18,.66)) !important;
}
.roadmap::before,.community::before{
  background:linear-gradient(180deg,rgba(2,5,13,.44),rgba(3,5,15,.70)) !important;
}

@keyframes nebulaDriftA{to{transform:translate3d(8vw,-4vh,0) scale(1.08) rotate(5deg)}}
@keyframes nebulaDriftB{to{transform:translate3d(-7vw,-4vh,0) scale(1.07) rotate(-6deg)}}
@keyframes galaxyRotate{to{transform:rotate(346deg) scaleY(.56)}}
@keyframes planetFloat{to{transform:translate3d(-2.4vw,3.2vh,0) rotate(3deg)}}
@keyframes smallPlanetFloat{to{transform:translate3d(3vw,-2vh,0) scale(1.06)}}
@keyframes asteroidDrift{to{transform:translate3d(-4vw,2vh,0) rotate(-8deg)}}
@keyframes spaceStreak{
  0%,70%,100%{opacity:0;transform:translate3d(-25vw,-18vh,0) rotate(-26deg)}
  73%{opacity:.95}
  84%{opacity:0;transform:translate3d(58vw,34vh,0) rotate(-26deg)}
}

@media(max-width:700px){
  .planet-main{width:62vw;right:-22vw;top:22vh;opacity:.72}
  .planet-small{width:90px;height:90px;left:-16px;top:45vh;opacity:.48}
  .cosmic-galaxy{width:110vw;left:-36vw;top:62vh;opacity:.42}
  .asteroid-belt{width:72vw;height:34vw;right:-18vw;bottom:12vh;opacity:.32}
  .cosmic-nebula{opacity:.48}
}
@media(prefers-reduced-motion:reduce){
  .cosmic-nebula,.cosmic-galaxy,.cosmic-planet,.asteroid-belt,.cosmic-streak{animation:none!important}
}