:root{color-scheme:dark;--bg:#070910;--panel:#111522;--text:#f7f9fd;--muted:#9ca8bc;--line:rgba(255,255,255,.1);--ok:#45d391;--warn:#e5aa4d;--bad:#f26f82}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(119,92,255,.16),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid var(--line)}header img{width:145px}nav{display:flex;gap:18px}nav a{color:var(--muted);text-decoration:none}main{width:min(1280px,90vw);margin:auto}.hero{padding:80px 0 45px}.hero span{color:#a98cff;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(42px,7vw,78px);margin:15px 0}.hero p{color:var(--muted);font-size:19px}.grid{display:grid;gap:14px;padding-bottom:80px}.card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.card h2{margin:0 0 7px}.card p{margin:0;color:var(--muted)}.badge{height:max-content;padding:7px 10px;border-radius:999px;background:rgba(69,211,145,.13);color:var(--ok);font-weight:800;font-size:12px}.badge.warning{color:var(--warn);background:rgba(229,170,77,.12)}.badge.critical{color:var(--bad);background:rgba(242,111,130,.12)}