body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}:root{--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--neon-cyan: #00ffff;--neon-purple: #bd00ff}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#050510;font-family:Inter,monospace}.app-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.glass-card{position:relative;z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 3rem 4rem;text-align:center;max-width:550px;width:90%;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.status-badge{position:absolute;top:20px;right:20px;font-size:.75rem;color:#4ade80;display:flex;align-items:center;gap:6px;background:#00ff001a;padding:4px 10px;border-radius:20px;border:1px solid rgba(0,255,0,.2)}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.glitch{font-size:4rem;font-weight:900;color:#fff;position:relative;margin:0;text-shadow:2px 2px var(--neon-purple),-2px -2px var(--neon-cyan)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#050510}.glitch:before{left:2px;text-shadow:-1px 0 var(--neon-purple);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:glitch-anim-1 2s infinite linear alternate-reverse;display:none}.glitch:after{left:-2px;text-shadow:-1px 0 var(--neon-cyan);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:glitch-anim-2 3s infinite linear alternate-reverse;display:none}.glitch:hover:before,.glitch:hover:after{display:block}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 60% 0)}to{clip-path:inset(30% 0 40% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(30% 0 20% 0)}40%{clip-path:inset(70% 0 30% 0)}60%{clip-path:inset(20% 0 80% 0)}80%{clip-path:inset(50% 0 10% 0)}to{clip-path:inset(0% 0 90% 0)}}.subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase}.intro-text{color:#cbd5e1;height:80px;font-size:1rem;line-height:1.6;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.cta-group{display:flex;gap:1rem;justify-content:center;z-index:20;position:relative}.btn{text-decoration:none;padding:.8rem 2rem;border-radius:50px;font-weight:600;transition:.3s;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:8px}.btn-primary{background:var(--neon-cyan);color:#000;box-shadow:0 0 15px #0ff6;border:none}.btn-primary:hover{box-shadow:0 0 30px #0ffc;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff}.tech-marquee-container{position:absolute;bottom:0;left:0;width:100%;padding:15px 0;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);overflow:hidden;white-space:nowrap}.tech-track{display:inline-flex;animation:scroll 20s linear infinite}.tech-icons{display:flex;gap:3rem;padding-right:3rem}.tech-icons svg{width:24px;height:24px;fill:#64748b;transition:.3s}.tech-marquee-container:hover .tech-track{animation-play-state:paused}.tech-icons svg:hover{fill:var(--neon-cyan);transform:scale(1.2);filter:drop-shadow(0 0 5px var(--neon-cyan))}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}