:root{--color-bg: #000000;--color-text: #ffffff;--color-accent: #ffcc00;--color-grid: rgba(255, 204, 0, .2);--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);overflow-x:hidden;width:100vw;min-height:100vh}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}#app{position:relative;z-index:1}h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--color-accent)}.glitch-wrapper{position:relative;display:inline-block;border:4px solid var(--color-accent);padding:1rem 2rem;background:#000c}.glitch{font-size:5rem;font-weight:900;position:relative;color:var(--color-accent)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #ffffff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #ff0000;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(50px,9999px,80px,0)}10%{clip:rect(10px,9999px,90px,0)}15%{clip:rect(60px,9999px,20px,0)}20%{clip:rect(20px,9999px,50px,0)}to{clip:rect(70px,9999px,90px,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,80px,0)}5%{clip:rect(80px,9999px,20px,0)}10%{clip:rect(30px,9999px,10px,0)}15%{clip:rect(90px,9999px,20px,0)}20%{clip:rect(50px,9999px,60px,0)}to{clip:rect(20px,9999px,30px,0)}}.hero{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;background-image:repeating-linear-gradient(45deg,rgba(255,204,0,.05) 0px,rgba(255,204,0,.05) 10px,transparent 10px,transparent 20px)}.tagline{font-size:1.5rem;color:#fff;margin-top:2rem;letter-spacing:4px;text-transform:uppercase;background:var(--color-accent);color:var(--color-bg);padding:.2rem 1rem;font-weight:700}.sub-tagline{margin-top:1rem;color:#888;font-size:1rem}footer{text-align:center;padding:2rem;background:var(--color-accent);color:var(--color-bg);font-weight:700;position:absolute;bottom:0;width:100%}#main-title{cursor:pointer;-webkit-user-select:none;user-select:none}.hacker-flash:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffcc004d;z-index:9999;pointer-events:none;animation:flash .1s steps(2) infinite}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.glitch-wrapper{position:relative;display:inline-block;border:4px solid var(--color-accent);padding:1rem 2rem;background:#000c;min-width:300px;transition:all .3s ease-out;max-width:90vw;word-wrap:break-word}.glitch{font-weight:900;position:relative;color:var(--color-accent);font-size:clamp(2rem,10vw,5rem)}