:root{--ink: #14213d;--muted: #5c677d;--accent: #0b3d91;--ok: #1b7f4b;--line: #d9dee7;--bg: #f5f7fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}.page{max-width:560px;margin:10vh auto;padding:0 16px}.eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}h1{margin:.25rem 0 1.5rem}.env{display:inline-block;margin:-.75rem 0 1.5rem;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700;background:var(--line);color:var(--ink)}.env-pre{background:#fdecc8;color:#7a4b00}.env-pro{background:#d6f0e0;color:var(--ok)}.card{display:flex;flex-direction:column;gap:12px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.card p{margin:0}.status{font-weight:700}.status.ok{color:var(--ok)}.hint{color:var(--muted)}.btn{display:inline-block;padding:10px 16px;border:1px solid var(--accent);border-radius:8px;background:#fff;color:var(--accent);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}