@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden;background:black;color:#ffd700;font-family:'Orbitron',sans-serif;}
canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;}
h1{font-size:4.5rem;color:#ffb400;text-shadow:0 0 20px #ffb400,0 0 60px #ff6600,0 0 100px #ff3300;animation:flicker 2s infinite alternate;}
.tag{margin-top:1rem;font-size:1.3rem;letter-spacing:1px;color:#ffcc33;opacity:.9;animation:pulse 3s infinite alternate;}
.visual img{width:420px;max-width:90%;margin-top:3rem;filter:drop-shadow(0 0 60px #ff6600);animation:floaty 5s ease-in-out infinite alternate;}
@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,100%{opacity:1;}20%,24%,55%{opacity:0.7;}}
@keyframes pulse{0%{opacity:.8;}100%{opacity:1;}}
@keyframes floaty{0%{transform:translateY(0);}100%{transform:translateY(-20px);}}