:root{--glow-cyan: #00ffff;--glow-magenta: #ff00ff}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at center,#001,#000);font-family:Orbitron,sans-serif}canvas,#shader{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;opacity:0}.glitch{font-size:8vw;color:var(--glow-cyan);position:relative;animation:flicker 2s infinite;white-space:nowrap;text-shadow:0 0 5px var(--glow-cyan),0 0 20px var(--glow-magenta),0 0 30px var(--glow-cyan),0 0 60px var(--glow-magenta)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;overflow:hidden;color:var(--glow-magenta)}.glitch:before{left:2px;animation:glitch-before 1s infinite}.glitch:after{left:-2px;animation:glitch-after 1.5s infinite}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes glitch-before{0%{clip:rect(0,900px,0,0)}10%{clip:rect(10px,900px,30px,0)}20%{clip:rect(40px,900px,60px,0)}}@keyframes glitch-after{0%{clip:rect(80px,900px,100px,0)}10%{clip:rect(50px,900px,70px,0)}20%{clip:rect(30px,900px,50px,0)}}.subtitle{color:#fffc;font-size:4vw;margin-top:1rem;animation:subtitleFadeIn 2.5s ease-in-out}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.countdown{margin-top:2rem;font-size:2.5vw;color:var(--glow-cyan);text-shadow:0 0 10px var(--glow-magenta)}.enter-btn{margin-top:3rem;padding:.8rem 2.5rem;font-size:1.5rem;border:none;background:var(--glow-cyan);color:#000;border-radius:6px;cursor:pointer;animation:pulse 2s infinite;box-shadow:0 0 10px var(--glow-cyan),0 0 30px var(--glow-magenta)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.glitch{font-size:12vw}.subtitle{font-size:6vw}}.access-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .6s ease}.access-overlay.visible{opacity:1;pointer-events:auto}.access-overlay #accessText{font-size:3vw;color:red;text-shadow:0 0 10px red,0 0 20px red,0 0 40px #ff0044;font-family:Orbitron,sans-serif;animation:glowFlicker 2s infinite}.access-overlay.granted #accessText{color:#0f0;text-shadow:0 0 10px lime,0 0 20px lime,0 0 40px #00ff88}@keyframes glowFlicker{0%,to{opacity:1}50%{opacity:.6}}.hidden{display:none}
