*{box-sizing:border-box;margin:0;padding:0}
:root{
 --bg:#020711;--panel:#041624;--panel2:#061d30;--blue:#159cff;--cyan:#00eaff;
 --text:#edf8ff;--muted:#8fa9bd;--border:rgba(31,166,255,.55)
}
html{scroll-behavior:smooth}
body{
 font-family:Arial,Helvetica,sans-serif;color:var(--text);background:
 radial-gradient(circle at 50% 0%,rgba(0,104,184,.2),transparent 42%),
 linear-gradient(#01050c,#020a13 48%,#01050a);min-height:100vh;overflow-x:hidden
}
#starfield{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.topbar{height:72px;display:flex;align-items:center;padding:0 30px;gap:28px;background:rgba(2,9,17,.95);border-bottom:1px solid rgba(25,154,255,.45);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;min-width:245px}
.brand-orbit{width:42px;height:42px;border:2px solid #159cff;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 15px rgba(21,156,255,.5);position:relative}
.brand-orbit:after{content:"";position:absolute;width:58px;height:16px;border:2px solid #159cff;border-radius:50%;left:-10px;top:10px}
.brand-name{font-weight:900;letter-spacing:4px;line-height:1;font-size:20px;background:linear-gradient(#fff,#63b7ff);-webkit-background-clip:text;color:transparent}
.main-nav{display:flex;align-items:center;gap:25px;flex:1}
.main-nav a{color:#9bb2c5;text-decoration:none;font-size:13px;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}
.top-actions{display:flex;gap:10px}
.btn{border:1px solid var(--blue);color:#fff;border-radius:6px;padding:11px 20px;font-weight:800;font-size:12px;cursor:pointer;transition:.25s;background:linear-gradient(#168fff,#0052b1);box-shadow:0 0 18px rgba(21,156,255,.22);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(21,156,255,.5)}
.btn-secondary{background:rgba(4,18,32,.82)}.btn-large{padding:15px 28px;font-size:14px}
.hero{min-height:530px;position:relative;overflow:hidden;border-bottom:1px solid rgba(22,144,255,.35);display:flex;align-items:center}
.hero-space{position:absolute;inset:0;background:
 radial-gradient(circle at 75% 48%,rgba(0,210,255,.25),transparent 18%),
 radial-gradient(circle at 72% 52%,rgba(40,120,255,.18),transparent 38%),
 radial-gradient(circle at 25% 30%,rgba(255,255,255,.12) 0 1px,transparent 2px),
 radial-gradient(circle at 42% 65%,rgba(255,255,255,.12) 0 1px,transparent 2px)}
.hero-planet{position:absolute;width:900px;height:900px;border-radius:50%;right:-170px;top:-190px;background:
 radial-gradient(circle at 30% 28%,#7ed8ff,#173d69 28%,#071525 62%,#020710 72%);box-shadow:-30px 0 80px rgba(25,145,255,.3)}
.hero-planet:after{content:"";position:absolute;inset:18%;border-radius:50%;background:repeating-linear-gradient(150deg,transparent 0 14px,rgba(130,190,220,.07) 15px 20px);filter:blur(5px)}
.hero-planet{transition:transform .3s ease-out}
.hero-station{position:absolute;right:9%;top:26%;font-size:130px;color:#9edcff;text-shadow:0 0 35px #159cff;opacity:.75;transition:transform .25s ease-out}
.hero-ships{position:absolute;right:35%;top:52%;font-size:32px;color:#8bdcff;text-shadow:0 0 18px #159cff;transform:rotate(-12deg);transition:transform .2s ease-out;animation:drift 6s ease-in-out infinite}
@keyframes drift{0%,100%{margin-top:0}50%{margin-top:-10px}}
.hero-content{position:relative;z-index:2;max-width:1400px;width:100%;margin:auto;padding:70px}
.eyebrow{color:#42b8ff;letter-spacing:4px;font-size:12px;font-weight:800;margin-bottom:18px}
.hero h1{font-size:clamp(48px,5vw,76px);line-height:.9;letter-spacing:-2px;text-shadow:0 0 30px rgba(50,170,255,.3)}
.hero h1 span{display:block;background:linear-gradient(#fff,#a0ddff 50%,#368dce);-webkit-background-clip:text;color:transparent}
.hero-tagline{font-size:20px;font-weight:800;margin-top:25px}.hero-subtitle{color:#a7bac9;margin-top:8px}
.hero-solo{color:#7ee0a8;margin-top:14px;font-size:13px;font-weight:700;background:rgba(30,200,120,.1);border:1px solid rgba(30,200,120,.35);border-radius:20px;padding:8px 16px;display:inline-block}
.hero-actions{display:flex;gap:14px;margin-top:30px}
.container{max-width:1400px;margin:auto;padding:28px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.feature-card,.panel{background:linear-gradient(180deg,rgba(7,28,47,.96),rgba(3,16,28,.97));border:1px solid var(--border);border-radius:7px;overflow:hidden}
.feature-card{transition:.25s}.feature-card:hover{transform:translateY(-4px);border-color:#42b8ff;box-shadow:0 10px 40px rgba(0,150,255,.15)}
.feature-art{height:150px;display:flex;align-items:center;justify-content:center;font-size:70px;text-shadow:0 0 25px #159cff;background:radial-gradient(circle,rgba(0,180,255,.25),transparent 60%)}
.research-art{color:#c08cff}.war-art{color:#ff6565}
.feature-body{padding:20px}.feature-body h2{font-size:20px;margin-bottom:8px}.feature-body p{color:var(--muted);font-size:13px;line-height:1.5}.feature-body ul{list-style:none;margin-top:16px;color:#b8cad8;font-size:12px;line-height:2}.feature-body li:before{content:"✓";color:#42b8ff;margin-right:8px}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.panel-header{padding:17px 20px;border-bottom:1px solid rgba(40,150,220,.25);display:flex;justify-content:space-between;align-items:center}.panel-header h2{font-size:18px;letter-spacing:1px}.panel-header span{color:var(--muted);font-size:11px;display:block;margin-top:4px}.panel-header a{color:#42b8ff;text-decoration:none;font-size:11px}
.galaxy{height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(255,187,80,.28),transparent 8%),radial-gradient(circle at center,rgba(25,130,255,.18),transparent 42%)}
.galaxy:before,.galaxy:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);border:45px solid rgba(30,145,255,.07);border-radius:50%;width:330px;height:150px;box-shadow:0 0 70px rgba(50,170,255,.15)}
.galaxy:after{width:250px;height:105px;border-width:24px;transform:translate(-50%,-50%) rotate(28deg)}
.galaxy-core{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff5c0,#ffb629 35%,rgba(255,100,0,.12) 70%,transparent 75%);box-shadow:0 0 50px rgba(255,178,42,.75)}
.planet{position:absolute;width:10px;height:10px;border-radius:50%;background:#48b8ff;box-shadow:0 0 12px #2aaaff}.p1{left:30%;top:35%}.p2{left:67%;top:29%;background:#80ff9b}.p3{left:75%;top:63%;background:#ff9d5c}.p4{left:38%;top:72%;background:#bd7cff}.p5{left:19%;top:57%;background:#ffd84d}.p6{left:53%;top:20%;background:#ff6363}
.galaxy-stats{position:absolute;right:20px;top:20px;width:180px;padding:13px;background:rgba(2,15,27,.9);border:1px solid rgba(40,170,255,.4);border-radius:6px}
.galaxy-stats div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.galaxy-stats span{color:var(--muted)}.galaxy-button{position:absolute;right:20px;bottom:20px}
.ranking{padding:10px 18px 18px}.ranking-head,.ranking-row{display:grid;grid-template-columns:35px 1fr 80px;align-items:center}.ranking-head{color:var(--muted);font-size:10px;padding:8px 0}.ranking-row{padding:11px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12px}.ranking-row b{color:#ffd84d}.ranking-row strong{text-align:right;color:#b7dfff}
.activity-panel{margin-top:14px}.activity{padding:0 18px 10px}.activity>div{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.activity em{font-style:normal}.activity span{flex:1;color:#b9cbd8}.activity small{color:#61788b;white-space:nowrap}
footer{margin-top:28px;min-height:80px;border-top:1px solid rgba(30,145,220,.3);display:flex;align-items:center;justify-content:center;gap:50px;color:#7690a2;font-size:11px;padding:20px;flex-wrap:wrap}
footer strong{color:#a9cce4}
.cookie-settings-link{color:#5f7891;text-decoration:underline;font-size:11px}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;max-width:640px;margin:0 auto;background:#061d30;border:1px solid #159cff;border-radius:10px;padding:20px 24px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:200;display:none}
.cookie-banner.show{display:block}
.cookie-banner p{font-size:13px;line-height:1.6;color:#c3d8e8;margin-bottom:14px}
.cookie-banner-actions{display:flex;gap:10px;justify-content:flex-end}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease-out,transform .7s ease-out}
.reveal.visible{opacity:1;transform:translateY(0)}
.hero-content{animation:hero-in 1s ease-out}
@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.galaxy-core{animation:core-pulse 3.5s ease-in-out infinite}
@keyframes core-pulse{0%,100%{box-shadow:0 0 50px rgba(255,178,42,.75)}50%{box-shadow:0 0 80px rgba(255,178,42,1)}}
.planet{animation:planet-twinkle 2.4s ease-in-out infinite}
.planet.p2{animation-delay:.4s}.planet.p3{animation-delay:.8s}.planet.p4{animation-delay:1.2s}.planet.p5{animation-delay:1.6s}.planet.p6{animation-delay:2s}
@keyframes planet-twinkle{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
.galaxy:before,.galaxy:after{animation:galaxy-spin 90s linear infinite}
@keyframes galaxy-spin{from{transform:translate(-50%,-50%) rotate(-20deg)}to{transform:translate(-50%,-50%) rotate(340deg)}}
.brand-orbit{animation:orbit-spin 8s linear infinite}
@keyframes orbit-spin{from{transform:rotate(-25deg)}to{transform:rotate(335deg)}}
@media(max-width:1050px){.main-nav{display:none}.feature-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.hero-content{padding:55px 35px}}
@media(max-width:650px){.topbar{padding:0 16px}.brand{min-width:0}.brand-name{font-size:15px;letter-spacing:2px}.top-actions .btn-secondary{display:none}.hero{min-height:500px}.hero-content{padding:45px 22px}.hero h1{font-size:48px}.hero-actions{flex-direction:column}.container{padding:14px}.galaxy-stats{display:none}.galaxy-button{left:20px;right:20px}.hero-planet{width:600px;height:600px;right:-260px}}