body{margin:0;padding:0;background:#000;color:#fff;font-family:Courier New,monospace;height:100vh;overflow:hidden;position:relative}.container{z-index:2;position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.glitch-logo-wrapper{position:relative;width:300px;height:auto;margin-bottom:2rem}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:auto;display:block;animation:glitch-fx 2s infinite}.glitch-layer.base{position:relative;animation:none;z-index:3}.glitch-layer.red{filter:drop-shadow(-2px 0 red);z-index:2}.glitch-layer.blue{filter:drop-shadow(2px 0 blue);z-index:1}@keyframes glitch-fx{0%,to{transform:none;opacity:.8}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(2px,2px)}}.glitch-text{font-size:2rem;color:#fff;position:relative;animation:glitchText 2s infinite}.glitch-text:before,.glitch-text:after{content:"In Development";position:absolute;left:0;top:0;opacity:.8}.glitch-text:before{color:red;transform:translate(-2px,-1px);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:#0ff;transform:translate(2px,1px);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitchText{0%{transform:none}20%{transform:translate(1px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1px)}80%{transform:translate(-1px,-1px)}to{transform:none}}.footer{position:fixed;bottom:10px;width:100%;text-align:center;font-size:.8rem;color:#ccc;z-index:10}.footer a{color:#ccc;text-decoration:underline}.footer a:hover{color:#fff}body.glitch-transition:before,body.glitch-transition:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;animation:glitch-flicker .5s steps(2,start) forwards}body.glitch-transition:before{background:#ff000026;mix-blend-mode:screen}body.glitch-transition:after{background:#00ffff26;mix-blend-mode:screen;animation-delay:.1s}@keyframes glitch-flicker{0%{opacity:0;transform:none}20%{opacity:1;transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,3px)}80%{transform:translate(3px,-1px)}to{opacity:0;transform:none}}.binary-overlay{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;color:#0f0;font-size:12px;line-height:1.2;font-family:monospace;white-space:pre;pointer-events:none;opacity:.04;overflow:hidden;animation:flicker 2s infinite alternate}@keyframes flicker{0%{opacity:.03}50%{opacity:.06}to{opacity:.04}}
