*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010402;color:#00ff78;font-family:Consolas,Monaco,monospace}body{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:18px;background-image:radial-gradient(ellipse at center,#062012 0,#010402 65%)}.device{width:min(100%,560px);min-height:min(850px,94svh);border:1px solid #087b3e;background:rgba(0,7,3,.96);box-shadow:0 0 28px #00ff7825,inset 0 0 25px #00ff7809;display:flex;flex-direction:column;position:relative;overflow:hidden}.top,footer{height:36px;padding:10px 14px;border-bottom:1px solid #07532b;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#00ff78;box-shadow:0 0 9px #00ff78}.status{margin-left:auto;color:#8affb9}.terminal{padding:20px 16px;position:relative;flex:1}.brand{font-size:clamp(26px,8vw,42px);font-weight:bold;letter-spacing:5px;text-shadow:0 0 12px #00ff78}.sub{font-size:9px;letter-spacing:1.3px;color:#58b982;margin:2px 0 24px}.screen{height:clamp(210px,38vh,350px);border:1px solid #07532b;padding:12px;overflow:hidden;font-size:clamp(9px,2.5vw,12px);line-height:1.8;color:#21db72;text-shadow:0 0 6px #00ff7844}.line{white-space:nowrap;animation:appear .25s ease-out}.line:before{content:"root@scanner:~# ";color:#7bffad}.progress-label{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;color:#5cbd86}.track{height:10px;border:1px solid #087b3e;margin-top:7px;padding:1px}.track div{height:100%;width:0;background:#00ff78;box-shadow:0 0 12px #00ff78;transition:width .2s}.scanline{pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 50%,#00ff7805 50%);background-size:100% 4px;opacity:.45}.result{margin:0 16px 24px;border:1px solid #0b914a;padding:22px 14px;text-align:center;box-shadow:0 0 18px #00ff781c}.result h2{font-size:clamp(13px,3.5vw,17px);letter-spacing:1px}.result p{font-size:clamp(12px,3.2vw,15px);font-weight:bold;line-height:1.8}.result small{display:block;color:#7cbd96;font-size:9px;line-height:1.5;margin:12px 0 18px}button{width:100%;border:0;background:#00ed70;color:#001b0c;padding:15px;font: bold 12px Consolas,monospace;letter-spacing:1px;cursor:pointer;box-shadow:0 0 15px #00ff7840}button:active{transform:scale(.99)}button.secondary{margin-top:9px;background:transparent;color:#00ff78;border:1px solid #07532b;box-shadow:none;width:auto;padding:9px 22px}footer{border-top:1px solid #07532b;border-bottom:0;color:#4d9d70;margin-top:auto;justify-content:space-between}.hidden{display:none}.notice{position:fixed;bottom:6px;left:0;right:0;text-align:center;color:#629477;font:10px Arial,sans-serif;padding:0 8px}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-height:650px){.device{min-height:94svh}.screen{height:28vh}.terminal{padding-top:12px}.sub{margin-bottom:12px}}