@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:VT323,monospace;background-color:#000;color:#0ff}.retro-button{background-color:#f0f;color:#000;border:none;padding:.5rem 1rem;font-family:VT323,monospace;font-size:1.2rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.retro-button:hover{background-color:#0ff;color:#000;transform:scale(1.05)}.retro-input{background-color:#000000b3;border:2px solid #ff00ff;color:#0ff;padding:.5rem;font-family:VT323,monospace;font-size:1.2rem}.retro-input::placeholder{color:#00ffff80}.text-glow{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff}.box-glow{box-shadow:0 0 10px #f0f,0 0 20px #0ff}.grid-bg{background-image:linear-gradient(rgba(0,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.3) 1px,transparent 1px);background-size:20px 20px;background-color:#000}.vaporwave-gradient{background:linear-gradient(135deg,#ff6ac1,#7931aa,#0b1aad)}.scanlines{position:relative;overflow:hidden}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 50%);background-size:100% 4px;pointer-events:none;z-index:10}.crt-effect{position:relative;overflow:hidden}.crt-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.2) 90%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:11}