:root{--bg:#f5f5f3;--card:#fff;--text:#111;--muted:#6f6f6a;--border:#e8e8e2;--green:#16854c;--red:#b42318;--amber:#a15c00}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,680px);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:clamp(28px,5vw,52px);box-shadow:0 20px 70px rgba(17,17,17,.08)}
.brand{display:flex;align-items:center;gap:16px}.mark{width:58px;height:58px;display:grid;place-items:center;background:#111;color:#fff;border-radius:16px;font-weight:800}.eyebrow{margin:0 0 2px;font-size:12px;letter-spacing:.18em;font-weight:800}h1{margin:0;font-size:clamp(38px,8vw,62px);line-height:.95;letter-spacing:-.045em}
.lead{margin:28px 0;font-size:17px;line-height:1.65;color:var(--muted)}.status{display:flex;gap:12px;border:1px solid var(--border);border-radius:18px;padding:18px}.dot{width:10px;height:10px;border-radius:999px;margin-top:6px;flex:0 0 auto}.status strong{display:block;margin-bottom:4px}.status p{margin:0;color:var(--muted);line-height:1.45}
.status--ok .dot{background:var(--green)}.status--error .dot{background:var(--red)}.status--pending .dot{background:var(--amber)}.meta{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}
@media(max-width:540px){.card{border-radius:22px;padding:28px 22px}.meta{flex-direction:column;gap:4px}}