:root{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#e5e7eb;
  background:#07111f;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#17315a 0,#0b1729 38%,#07111f 75%)}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 5vw;background:rgba(4,10,20,.78);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.15)}
header strong{font-size:1.35rem}
nav{display:flex;gap:1rem;flex-wrap:wrap}
main{max-width:1180px;margin:auto;padding:3rem 5vw 5rem}
.hero{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 0 3rem}
.hero h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;margin:.4rem 0 1rem}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#93c5fd;font-weight:700;font-size:.78rem}
.status{padding:.85rem 1.15rem;border-radius:999px;background:#475569;font-weight:800;white-space:nowrap;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.status.online{background:#166534}
.status.offline{background:#991b1b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
article,.cta{background:linear-gradient(145deg,rgba(31,41,55,.92),rgba(17,24,39,.92));border:1px solid rgba(148,163,184,.14);padding:1.3rem;border-radius:18px;box-shadow:0 16px 45px rgba(0,0,0,.2)}
article h2{font-size:.95rem;color:#cbd5e1;margin:0 0 1rem}
.metric{font-size:2rem;font-weight:800;margin:0}
.cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.25rem}
.button{display:inline-block;background:#2563eb;color:white;padding:.9rem 1.15rem;border-radius:11px;font-weight:750;white-space:nowrap}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.badge{display:inline-block;padding:.3rem .55rem;background:#1d4ed8;border-radius:999px;font-size:.72rem;font-weight:750}
pre{white-space:pre-wrap;word-break:break-word;background:#020617;padding:1rem;border-radius:12px;overflow:auto}
footer{border-top:1px solid rgba(148,163,184,.15);border-bottom:0}
@media(max-width:700px){.hero,.cta{align-items:flex-start;flex-direction:column}.hero{padding-top:1.5rem}}