body{color:#00ff41;background-color:#050505;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.sci-fi-frame{background:linear-gradient(135deg,#00ff41 0%,#010 50%,#08f 100%);border-radius:2px;padding:5px;box-shadow:0 0 20px #00ff4133}.counter-container{text-align:center;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%);background:#0a0a0a;border:1px solid #00ff41;padding:40px;position:relative}.scanner-line{background:#00ff4180;width:100%;height:2px;animation:4s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 10px #00ff41}.label{letter-spacing:3px;opacity:.7;margin-bottom:10px;font-size:.8rem}.count-display{text-shadow:0 0 15px #00ff41;margin:20px 0;font-size:5rem}.unit{vertical-align:middle;font-size:1.5rem}.button-group{flex-direction:column;gap:15px;display:flex}.btn{color:#00ff41;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #00ff41;padding:10px;transition:all .3s;position:relative}.btn:hover{background:#00ff411a;transform:scale(1.02);box-shadow:inset 0 0 10px #00ff41,0 0 10px #00ff41}.btn-reset{color:#ff003c;border-color:#ff003c}.btn-reset:hover{box-shadow:inset 0 0 10px #ff003c,0 0 10px #ff003c}@keyframes scan{0%{top:0}to{top:100%}}