*,:after,:before{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:#050505;background-image:radial-gradient(circle at 50% 50%,#1a1a1a 0,#000 100%);font-family:'Space Mono',monospace;color:#fffc00;display:flex;flex-direction:column;align-items:center;justify-content:center}main{display:flex;flex-direction:column;width:100%;max-width:800px;height:100%;padding:2vh 5vw;justify-content:center;position:relative;z-index:1}header{text-align:center;margin-bottom:3vh}header img{max-height:8vh;width:auto;filter:drop-shadow(0 0 5px rgba(255,252,0,.5))}.panel{background:#0a0a0a;border:2px solid #222;border-radius:8px;padding:4vh 4vw;box-shadow:inset 0 0 30px #000,0 0 15px rgba(255,252,0,.1);position:relative}.panel::after,.panel::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;top:15px}.panel::before{left:15px;background:#39ff14;box-shadow:0 0 10px #39ff14}.panel::after{right:15px;background:#ffb000;box-shadow:0 0 10px #ffb000}h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-align:center;text-transform:uppercase;margin-bottom:1vh;color:#fffc00;text-shadow:0 0 8px rgba(255,252,0,.6);letter-spacing:1px}p.desc{font-size:clamp(.8rem,2vw,1rem);text-align:center;color:#aaa;margin-bottom:4vh}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-bottom:4vh}.gauge{background:#000;border:1px solid #333;border-radius:4px;padding:2vh;text-align:center;box-shadow:inset 0 0 10px #000}.label{font-size:.7rem;color:#777;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:1vh}.val{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.val.green{color:#39ff14;text-shadow:0 0 8px #39ff14}.val.amber{color:#ffb000;text-shadow:0 0 8px #ffb000}.action-wrap{display:flex;justify-content:center}.eject-container{position:relative;width:100%;max-width:300px;perspective:1000px}.eject-cover{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#b30000,#b30000 10px,#f03 10px,#f03 20px);border:2px solid #800000;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:1px 1px 2px #000;font-weight:700;text-transform:uppercase;font-size:clamp(1rem,2.5vw,1.2rem);cursor:pointer;z-index:10;transform-origin:top;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px rgba(0,0,0,.8),inset 0 0 10px rgba(255,255,255,.2)}.eject-container:focus-within .eject-cover,.eject-container:hover .eject-cover{transform:rotateX(100deg)}.cta{display:block;width:100%;padding:20px;background:#fffc00;color:#000;text-align:center;text-decoration:none;font-weight:700;font-size:clamp(1.2rem,3vw,1.5rem);text-transform:uppercase;border-radius:6px;box-shadow:inset 0 0 15px rgba(0,0,0,.5);transition:background .2s}.cta:focus,.cta:hover{background:#fff;outline:0}footer{position:absolute;bottom:2vh;left:0;width:100%;text-align:center;font-size:.7rem;color:#444}@media(max-width:480px){.dashboard{grid-template-columns:1fr;gap:2vh}.panel{padding:3vh 4vw}}