html,body{margin:0;height:100%;overflow:hidden;background:#050816;font-family:Segoe UI,Arial,sans-serif;color:#8ff}
#bg{position:fixed;inset:0}
.grid{position:fixed;inset:0;background:
linear-gradient(rgba(0,255,255,.08) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,255,255,.08) 1px,transparent 1px);
background-size:40px 40px;animation:grid 10s linear infinite}
@keyframes grid{from{transform:translateY(0)}to{transform:translateY(40px)}}
.container{display:flex;justify-content:center;align-items:center;height:100%}
.panel{background:rgba(0,10,25,.55);padding:40px;border:1px solid #0ff;border-radius:16px;box-shadow:0 0 40px #0ff5;backdrop-filter:blur(8px);max-width:800px;width:90%}
h1{font-size:64px;margin:0;text-align:center;text-shadow:0 0 20px #0ff;animation:glitch 2s infinite}
@keyframes glitch{0%,100%{transform:none}20%{transform:translate(2px,-2px)}40%{transform:translate(-2px,2px)}}
.sub{text-align:center;font-size:24px;color:#fff}
#type{font-family:Consolas,monospace;color:#7fff7f;min-height:80px;margin:25px 0}
.bar{height:10px;background:#123;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#0ff,#8f0)}
.footer{text-align:center;margin-top:30px;color:#9cf}