:root{--primary:#00f0ff;--primary-glow:rgba(0, 240, 255, 0.6);--secondary:#0066ff;--accent:#ff0055;--bg-dark:#000510;--bg-darker:#000000;--text-main:#ffffff;--text-muted:#a0b0ff;--font-heading:'Orbitron',sans-serif;--font-body:'Exo 2',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}.space-field{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,#0a0a30 0,#000 100%);overflow:hidden}.star-layer{position:absolute;width:100%;height:100%;background-repeat:repeat;background-position:center}.layer-1{background-image:radial-gradient(white 1px,transparent 1px);background-size:50px 50px;opacity:.4;animation:120s linear infinite starsMove}.layer-2{background-image:radial-gradient(white 1.5px,transparent 1.5px);background-size:80px 80px;opacity:.6;animation:80s linear infinite reverse starsMove}.layer-3{background-image:radial-gradient(var(--primary) 2px,transparent 2px);background-size:120px 120px;opacity:.5;animation:40s linear infinite starsMove}.nebula{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,100,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,85,.1) 0,transparent 50%);animation:20s ease-in-out infinite alternate nebulaFloat}@keyframes starsMove{from{transform:translateY(0)}to{transform:translateY(1000px)}}@keyframes nebulaFloat{from{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:100px 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,240,255,.1);border:1px solid var(--primary);padding:8px 16px;border-radius:50px;font-size:.9rem;color:var(--primary);font-weight:600;margin-bottom:24px;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,100%{box-shadow:0 0 10px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow),0 0 30px var(--primary-glow)}}.hero-title{font-family:var(--font-heading);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px var(--primary-glow))}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px;font-weight:300;max-width:500px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:.3s;font-family:var(--font-heading)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--primary-glow)}.btn-secondary{background:rgba(255,255,255,.05);color:#fff;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:var(--primary)}.btn-large{font-size:1.2rem;padding:20px 40px}.hero-stats{display:flex;gap:30px;align-items:center}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:40px;background:rgba(255,255,255,.2)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.solar-system-preview{position:relative;width:400px;height:400px;animation:30s linear infinite systemRotate}.sun-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,gold 0,#ff8c00 50%,transparent 70%);border-radius:50%;box-shadow:0 0 40px gold,0 0 80px rgba(255,215,0,.5);animation:3s ease-in-out infinite sunPulse}@keyframes sunPulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 40px gold,0 0 80px rgba(255,215,0,.5)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 60px gold,0 0 120px rgba(255,215,0,.7)}}@keyframes systemRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,240,255,.2);border-radius:50%}.orbit-1{width:120px;height:120px;animation:8s linear infinite orbitReverse1}.orbit-2{width:200px;height:200px;animation:15s linear infinite orbitReverse2}.orbit-3{width:300px;height:300px;animation:25s linear infinite orbitReverse3}@keyframes orbitReverse1{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes orbitReverse2{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes orbitReverse3{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.planet{position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.5)}.planet-1{width:12px;height:12px;background:#e3bb76}.planet-2{width:16px;height:16px;background:#22a6b3;box-shadow:0 0 15px rgba(34,166,179,.8)}.planet-3{width:20px;height:20px;background:#eb4d4b}.features{padding:100px 0;background:rgba(0,10,30,.5)}.section-title{font-family:var(--font-heading);font-size:3rem;text-align:center;margin-bottom:60px;text-transform:uppercase}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:rgba(255,255,255,.03);border:1px solid rgba(0,240,255,.2);border-radius:16px;padding:40px 30px;text-align:center;transition:.3s}.feature-card:hover{background:rgba(255,255,255,.05);border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px var(--primary-glow)}.feature-icon{margin-bottom:20px;color:var(--primary)}.feature-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:16px;color:#fff}.feature-card p{color:var(--text-muted);line-height:1.8}.how-to-play{padding:100px 0}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:900px;margin:0 auto}.control-item{background:rgba(255,255,255,.03);border:1px solid rgba(0,240,255,.2);border-radius:12px;padding:24px;text-align:center;transition:.3s}.control-item:hover{border-color:var(--primary);transform:translateY(-3px)}.control-key{font-family:var(--font-heading);font-size:1.2rem;color:var(--primary);background:rgba(0,240,255,.1);padding:12px 20px;border-radius:8px;margin-bottom:12px;display:inline-block}.control-description{color:var(--text-muted);font-size:.95rem}.cta{padding:100px 0;text-align:center;background:linear-gradient(180deg,transparent 0,rgba(0,100,255,.1) 100%)}.cta h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:16px}.cta p{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px}footer{padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.5)}footer p{color:var(--text-muted);font-size:.9rem;margin:5px 0}@media (max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{margin-top:40px}.solar-system-preview{width:300px;height:300px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}}