:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box} body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#f8fafc;padding:24px}
.wrap{max-width:640px;text-align:center} .badge{display:inline-block;padding:6px 12px;border:1px solid #38bdf8;border-radius:999px;color:#38bdf8;font-size:14px;letter-spacing:.04em}
h1{font-size:clamp(32px,6vw,52px);margin:20px 0 12px} .lead{font-size:18px;line-height:1.6;color:#cbd5e1}
.status{display:flex;gap:8px;align-items:center;justify-content:center;color:#94a3b8} .dot{width:10px;height:10px;border-radius:50%;background:#facc15} .dot.ok{background:#22c55e} .dot.err{background:#ef4444}
footer{margin-top:48px;color:#64748b;font-size:14px}