*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#01060b;color:#dffbff;font-family:Inter,system-ui,Arial,sans-serif}body{overflow-x:hidden;background-image:linear-gradient(rgba(30,220,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,220,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 42%,#062432 0,#020b12 35%,#01060b 72%);background-size:42px 42px,42px 42px,auto}#networkCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.38}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,70px);border-block:1px solid #123f50;background:rgba(1,8,13,.72);backdrop-filter:blur(14px)}.identity{display:flex;align-items:center;gap:13px}.identity img{width:52px;filter:drop-shadow(0 0 12px #20eaff)}.identity strong{display:block;font-size:18px;letter-spacing:.06em}.identity small,.clockbox small{display:block;color:#688c9d;font:9px ui-monospace,monospace;letter-spacing:.14em;margin-top:4px}.clockbox{text-align:right}.clockbox span{font:22px ui-monospace,monospace;letter-spacing:.12em;color:#baf8ff}.stage{position:relative;z-index:2;min-height:calc(100vh - 135px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 18px}.system-title{text-align:center}.status{display:inline-flex;align-items:center;gap:8px;border:1px solid #176079;padding:8px 13px;background:#04141dcc;color:#69efff;font:9px ui-monospace,monospace;letter-spacing:.15em}.status i{width:7px;height:7px;border-radius:50%;background:#55ffae;box-shadow:0 0 12px #55ffae}.system-title h1{margin:17px 0 2px;font-size:clamp(35px,6vw,72px);letter-spacing:.13em}.system-title h1 span{color:transparent;-webkit-text-stroke:1px #4deeff;text-shadow:0 0 22px #00dfff66}.system-title p{margin:0;color:#64a9bc;font:12px ui-monospace,monospace;letter-spacing:.24em}.telemetry,.time-grid{width:min(850px,94vw);display:grid;gap:10px}.telemetry{grid-template-columns:repeat(3,1fr);margin-top:-8px}.telemetry div,.time-grid div{border:1px solid #123f50;background:#031019b8;text-align:center;padding:12px}.telemetry span,.time-grid small{display:block;color:#5793a5;font:8px ui-monospace,monospace;letter-spacing:.14em}.telemetry b{color:#70efff;font:13px ui-monospace,monospace}.time-grid{grid-template-columns:repeat(4,1fr);margin-top:10px}.time-grid strong{display:block;margin-top:6px;color:#c5faff;font:11px ui-monospace,monospace;white-space:nowrap}footer{position:relative;z-index:5;display:flex;justify-content:space-between;gap:15px;padding:16px clamp(18px,5vw,70px);border-top:1px solid #123f50;color:#537c8d;font:8px ui-monospace,monospace;letter-spacing:.1em}@media(max-width:700px){.identity strong{font-size:14px}.identity img{width:43px}.clockbox span{font-size:16px}.time-grid{grid-template-columns:1fr 1fr}.system-title h1{letter-spacing:.06em}footer{flex-direction:column;text-align:center}.stage{padding-top:25px}}