:root{--neon-cyan: #00f3ff;--deep-void: #050505;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--deep-void);color:#fff;font-family:var(--font-main);height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4rem 2rem}#cinematic-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/hero_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;filter:brightness(.6) contrast(1.2)}#noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");opacity:.15;z-index:-1;pointer-events:none;mix-blend-mode:overlay}#scanline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;z-index:-1;pointer-events:none}header{text-align:center;margin-top:5vh}h1{font-size:5rem;font-weight:900;letter-spacing:-2px;text-shadow:0 0 20px var(--neon-cyan);margin-bottom:.5rem}.subtitle{font-size:.9rem;opacity:.7;letter-spacing:4px;text-transform:uppercase}.content-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.cyber-button{background:var(--glass-bg);border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:1.5rem 4rem;font-family:var(--font-main);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 0 15px #00f3ff33}.cyber-button:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 40px var(--neon-cyan);transform:scale(1.05)}footer p{font-family:monospace;color:var(--neon-cyan);font-size:.8rem;opacity:.8}@keyframes flicker{0%{opacity:.8}5%{opacity:.5}10%{opacity:.8}to{opacity:.8}}.flicker{animation:flicker 4s infinite}@media(max-width:768px){h1{font-size:3rem}#cinematic-bg{background-position:60% center}.cyber-button{padding:1rem 2rem;width:80%}}