html,body,#root{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at top left,#010,#000);color:#0fc;font-family:Courier New,Courier,monospace}#root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}h1,h2,h3{color:#ff0040;text-shadow:0 0 10px #ff0040,0 0 20px #ff0040;margin:1rem 0}.terminal-box{border:2px solid #00ffcc;border-radius:8px;padding:1rem;margin-top:1rem;width:80%;max-width:600px;background:#00ffcc0d;box-shadow:0 0 15px #0fc}.blink{display:inline-block;width:10px;background-color:#0fc;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}a{color:#0fc;text-decoration:none}a:hover{text-shadow:0 0 5px #00ffcc}.app-container{min-height:100vh;display:flex;flex-direction:column;color:#00ff41;font-family:Fira Code,monospace;padding:2rem;background:radial-gradient(circle at top left,#010,#000)}.glitch-text{font-size:2rem;color:#f04;text-shadow:0 0 5px #ff0044,0 0 10px #ff0044,0 0 20px #ff0044;animation:flicker 1.5s infinite alternate}.subtitle{font-size:1.2rem;color:#00ff41;margin-bottom:2rem}.terminal{background:#000000e6;border:2px solid #00ff41;padding:1rem;border-radius:8px;box-shadow:0 0 20px #00ff4180}footer{text-align:center;font-size:.8rem;margin-top:2rem;color:#666}h1{font-size:2.5rem;color:#c03;text-shadow:0 0 5px #cc0033,0 0 10px #cc0033,0 0 20px #880022,0 0 30px #6c021d;animation:flicker-red 2s infinite alternate;margin-bottom:.5rem}h2{font-size:1.5rem;color:#c03;text-shadow:0 0 3px #cc0033,0 0 6px #cc0033,0 0 10px #880022;animation:flicker-red 1.5s infinite alternate;margin-bottom:1rem}@keyframes flicker-red{0%{opacity:1}20%{opacity:.85;transform:translate(-1px)}40%{opacity:.7;transform:translate(1px,-1px)}60%{opacity:.9;transform:translate(-1px,1px)}80%{opacity:.8;transform:translate(1px)}to{opacity:1;transform:translate(0)}}@keyframes glitch{0%{transform:translate(0);opacity:1}20%{transform:translate(-1px,1px);opacity:.9}40%{transform:translate(1px,-1px);opacity:.8}60%{transform:translate(-1px,1px);opacity:.9}80%{transform:translate(1px,-1px);opacity:.95}to{transform:translate(0);opacity:1}}@keyframes flicker{0%{opacity:1}45%{opacity:.8}50%{opacity:.4}55%{opacity:.9}to{opacity:1}}.blink{animation:blink 1s step-start infinite}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}
