@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap";:root{--neon-green: #00ff41;--neon-red: #ff0040;--neon-blue: #00d4ff;--neon-purple: #b400ff;--neon-yellow: #ffff00;--dark-bg: #0a0a0f;--darker-bg: #050508}.landing-page{font-family:"Press Start 2P",cursive;background:var(--darker-bg);color:#fff;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;height:auto}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.crt-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.terminal-window{background:#000000e6;border:3px solid var(--neon-green);border-radius:15px;padding:0;width:90%;max-width:1000px;margin:60px auto;box-shadow:0 0 30px #00ff4166,0 0 60px #00ff4133,inset 0 0 30px #00ff411a;overflow:hidden}.terminal-header{display:flex;align-items:center;padding:15px 20px;background:#00ff411a;border-bottom:2px solid var(--neon-green)}.terminal-buttons{display:flex;gap:8px}.terminal-button{width:14px;height:14px;border-radius:50%;border:none}.terminal-button.red{background:#ff5f56}.terminal-button.yellow{background:#ffbd2e}.terminal-button.green{background:#27ca40}.terminal-title{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--neon-green);margin-left:auto;opacity:.8}.terminal-body{padding:30px 40px;min-height:300px;max-height:500px;overflow-y:auto}.terminal-messages{font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,1.8vw,.9rem);line-height:2.4;color:var(--neon-green);text-align:left}.terminal-line{margin-bottom:8px;opacity:0;animation:fadeInLine .3s forwards}.terminal-line.header{color:var(--neon-blue);font-size:1.1em;margin-bottom:15px}.terminal-line.priority{color:var(--neon-red);animation:blink-red 1s ease-in-out infinite}.terminal-line.date{color:var(--neon-blue)}.terminal-line.critical{color:var(--neon-red);font-weight:700;text-shadow:0 0 10px var(--neon-red)}.terminal-line.highlight{color:var(--neon-yellow)}.terminal-line.mission{color:var(--neon-purple);font-size:1.05em}@keyframes fadeInLine{to{opacity:1}}.hero-section{text-align:center;padding:60px 20px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.glitch-container{text-align:center;display:flex;flex-direction:column;align-items:center}.main-title{font-family:"Press Start 2P",cursive;font-size:clamp(2rem,8vw,5rem);color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 80px var(--neon-green);animation:pulse-glow 2s ease-in-out infinite;letter-spacing:4px;margin:0}.sub-title{font-family:"Press Start 2P",cursive;font-size:clamp(1.5rem,6vw,3.5rem);color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-blue);margin:10px 0 0;letter-spacing:6px}.tagline{font-family:"Press Start 2P",cursive;font-size:clamp(.6rem,2vw,1rem);color:var(--neon-red);text-transform:uppercase;letter-spacing:6px;margin-top:30px;animation:blink-red 2s ease-in-out infinite}.content-wrapper{opacity:0;transition:opacity 1s ease-in}.content-wrapper.visible{opacity:1}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 .3s infinite linear alternate-reverse;color:var(--neon-red);z-index:-1;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:after{animation:glitch-2 .3s infinite linear alternate-reverse;color:var(--neon-blue);z-index:-1;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-1px)}80%{transform:translate(2px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(3px)}40%{transform:translate(-3px)}60%{transform:translate(1px)}80%{transform:translate(-2px)}to{transform:translate(0)}}.landing-page .container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:20px}.landing-page .header{text-align:center;padding:40px 20px}.landing-page .logo{font-size:clamp(1.5rem,5vw,3rem);color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 80px var(--neon-green);animation:pulse-glow 2s ease-in-out infinite;letter-spacing:4px}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 40px var(--neon-green)}50%{text-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 80px var(--neon-green),0 0 120px var(--neon-green)}}.landing-page .tagline{font-family:Orbitron,sans-serif;font-size:clamp(.8rem,2vw,1.2rem);color:var(--neon-red);margin-top:20px;text-transform:uppercase;letter-spacing:8px;animation:blink-red 1.5s ease-in-out infinite}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.5}}.story-section{background:linear-gradient(180deg,transparent,rgba(0,255,65,.05),transparent);padding:60px 20px;margin:40px 0;border-top:1px solid rgba(0,255,65,.3);border-bottom:1px solid rgba(0,255,65,.3)}.terminal{background:#000c;border:2px solid var(--neon-green);border-radius:10px;padding:30px;max-width:900px;margin:0 auto;box-shadow:0 0 20px #00ff414d,inset 0 0 20px #00ff411a}.terminal-header{display:flex;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,255,65,.3)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca40}.terminal-title{font-size:.7rem;color:var(--neon-green);margin-left:auto;opacity:.7}.terminal-content{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1rem);line-height:2.5;color:var(--neon-green);text-align:left}.terminal-content .date{color:var(--neon-blue)}.terminal-content .alert{color:var(--neon-red);animation:blink-red .8s ease-in-out infinite}.terminal-content .highlight{color:var(--neon-yellow)}.terminal-content .command{color:var(--neon-purple)}.cursor{display:inline-block;width:10px;height:1.2em;background:var(--neon-green);animation:cursor-blink 1s step-end infinite;vertical-align:middle}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.transmission{text-align:center;margin:40px 0}.transmission-text{font-size:clamp(.6rem,1.5vw,.9rem);color:var(--neon-red);text-transform:uppercase;letter-spacing:4px;animation:static-noise .3s infinite}@keyframes static-noise{0%,to{opacity:1;transform:translate(0)}25%{opacity:.8;transform:translate(-2px)}75%{opacity:.9;transform:translate(2px)}}.cta-section{text-align:center;padding:60px 20px}.cta-title{font-size:clamp(1rem,3vw,1.8rem);color:#fff;margin-bottom:30px;text-shadow:0 0 10px rgba(255,255,255,.5)}.play-button{display:inline-block;padding:25px 60px;font-family:"Press Start 2P",cursive;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--darker-bg);background:var(--neon-green);border:none;border-radius:5px;cursor:pointer;text-decoration:none;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green),inset 0 0 20px #ffffff4d;animation:button-pulse 2s ease-in-out infinite}@keyframes button-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green)}50%{transform:scale(1.05);box-shadow:0 0 30px var(--neon-green),0 0 60px var(--neon-green),0 0 100px var(--neon-green)}}.play-button:hover{background:#fff;color:var(--darker-bg);transform:scale(1.1);box-shadow:0 0 40px #fff,0 0 80px var(--neon-green),0 0 120px var(--neon-green)}.play-subtitle{font-size:.6rem;color:#fff9;margin-top:20px;letter-spacing:2px}.features-section{padding:60px 20px;background:linear-gradient(180deg,transparent,rgba(180,0,255,.05),transparent)}.features-title{text-align:center;font-size:clamp(.9rem,2.5vw,1.4rem);color:var(--neon-purple);margin-bottom:50px;text-shadow:0 0 20px var(--neon-purple)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto}.feature-card{background:#0009;border:1px solid rgba(180,0,255,.3);border-radius:10px;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--neon-purple);box-shadow:0 0 30px #b400ff4d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card .feature-title{font-size:.8rem;color:var(--neon-blue);margin-bottom:15px}.feature-desc{font-family:Orbitron,sans-serif;font-size:.75rem;color:#ffffffb3;line-height:1.8}.premium-section{padding:60px 20px;text-align:center;border-top:1px solid rgba(255,215,0,.3)}.premium-badge{display:inline-block;padding:10px 30px;background:linear-gradient(135deg,gold,#ff8c00);color:var(--darker-bg);font-size:.7rem;border-radius:20px;margin-bottom:30px;box-shadow:0 0 20px #ffd70080}.premium-title{font-size:clamp(.8rem,2vw,1.2rem);color:gold;margin-bottom:20px;text-shadow:0 0 20px rgba(255,215,0,.5)}.premium-desc{font-family:Orbitron,sans-serif;font-size:.8rem;color:#fff9;max-width:600px;margin:0 auto;line-height:1.8}.coming-soon{margin-top:30px;padding:15px 40px;border:2px solid #ffd700;display:inline-block;font-size:.7rem;color:gold;border-radius:5px;animation:border-pulse 2s ease-in-out infinite}@keyframes border-pulse{0%,to{border-color:gold;box-shadow:0 0 10px #ffd7004d}50%{border-color:#ff8c00;box-shadow:0 0 20px #ff8c0080}}.landing-page .footer{text-align:center;padding:40px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-text{font-size:.5rem;color:#fff6;letter-spacing:2px}.footer-year{color:var(--neon-green)}.alien-ship{position:fixed;font-size:2rem;opacity:.3;animation:float-ship 20s linear infinite;z-index:5}@keyframes float-ship{0%{transform:translate(-100px) translateY(0)}25%{transform:translate(25vw) translateY(-20px)}50%{transform:translate(50vw) translateY(10px)}75%{transform:translate(75vw) translateY(-15px)}to{transform:translate(110vw) translateY(0)}}@media (max-width: 768px){.terminal{padding:20px 15px}.terminal-content{font-size:.5rem;line-height:2}.play-button{padding:20px 40px}}.cursor{animation:blink .7s infinite;color:#0f0;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-messages{display:flex;flex-direction:column;gap:.3rem}.terminal-line{font-size:.7rem;line-height:1.6;color:#0f0;text-shadow:0 0 5px #0f0}.terminal-line.header{color:#ff0;text-shadow:0 0 10px #ff0;font-weight:700;margin:.5rem 0}.terminal-line.priority{color:#f80}.terminal-line.date{color:#0ff}.terminal-line.critical{color:red;animation:pulse-red 1s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.terminal-line.spacer{height:.5rem}.terminal-line.highlight{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #0ff;font-weight:700}.terminal-line.mission{color:#f0f;text-shadow:0 0 10px #f0f;font-weight:700}.line-prefix{color:#888;margin-right:.5rem}.terminal-body{background:#001400e6;padding:1.5rem;min-height:400px;max-height:500px;overflow-y:auto;position:relative;font-family:"Press Start 2P",monospace}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#010}.terminal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#0a0}.scanline{position:absolute;top:0;left:0;right:0;height:4px;background:#00ff001a;animation:scanline 4s linear infinite;pointer-events:none;z-index:10}@keyframes scanline{0%{top:0}to{top:100%}}.floating-aliens{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.floating-alien{position:absolute;font-size:2rem;top:-50px;animation:float-down 15s linear infinite;opacity:.6}@keyframes float-down{0%{transform:translateY(-50px) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh) rotate(360deg);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;background:#000}#root{width:100%;min-height:100vh}