*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100vh;background:#0a0c11;color:#e8ecf3;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}
.clock{font-size:64px;font-weight:700;line-height:1}
.date{font-size:22px;color:#9aa4b8;margin-top:6px}
.chip{background:#161a23;border:1px solid #262c3a;border-radius:40px;padding:16px 26px;font-size:24px;min-height:64px;display:flex;align-items:center;gap:8px}
main{flex:1;padding:0 28px 20px;display:flex;flex-direction:column;gap:22px}
.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.g{background:#141821;border:1px solid #232937;border-radius:24px;padding:18px;position:relative}
.g svg{width:100%;max-height:30vh;display:block}
.trk,.arc{fill:none;stroke-width:16;stroke-linecap:round}
.trk{stroke:#232a38}
.arc{stroke:#4ade80;transition:stroke-dashoffset 1.2s ease,stroke .6s}
.gv{position:absolute;left:0;right:0;bottom:22px;text-align:center}
.gv b{display:block;font-size:52px;font-weight:700}
.gv span{font-size:18px;color:#9aa4b8;text-transform:uppercase;letter-spacing:.06em}
.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.s{display:flex;align-items:center;gap:16px;background:#141821;border:1px solid #232937;border-radius:20px;padding:18px 20px;min-height:84px}
.s b{display:block;font-size:20px}.s span{font-size:17px;color:#9aa4b8}
.dot{width:18px;height:18px;border-radius:50%;flex:none}
.ok{background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.6)}
.warn{background:#fbbf24;box-shadow:0 0 12px rgba(251,191,36,.6)}
.bad{background:#f87171;box-shadow:0 0 12px rgba(248,113,113,.6)}
.launch{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.l{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;background:#1b2a44;border-radius:22px;color:#e8ecf3;text-decoration:none;font-size:22px;font-weight:600;border:1px solid #2a3c5e}
.l:active{background:#28406a;transform:scale(.98)}
.ic{font-size:40px;line-height:1}
.exp{background:#2a2140;border-color:#3d2f5e}
.exp small{font-size:14px;color:#c4b5fd;font-weight:500}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 28px;font-size:14px;color:#6b7488;border-top:1px solid #1a1f2a}
@media (max-width:1100px){
 .clock{font-size:52px}.gauges{gap:12px}.g{padding:12px}.gv b{font-size:38px}.gv span{font-size:14px}
 .launch{grid-template-columns:repeat(2,1fr)}.status{grid-template-columns:repeat(2,1fr)}
}