:root{--paper:#fbfbf9;--surface:#fff;--ink:#14181d;--text:#2a3038;--muted:#626b76;--line:#d8dce2;--ac:#0e6ba8;--ac-d:#0a4f7d;--face:#f2f3f5;--body:"Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;--mono:"Cascadia Code","SF Mono",Consolas,monospace}
:root[data-theme="dark"]{--paper:#0f141a;--surface:#161c24;--ink:#eef1f4;--text:#d3d9e0;--muted:#97a2ae;--line:#2a333d;--ac:#4da3d8;--ac-d:#8cc4e8;--face:#1b222b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.6 var(--body);min-height:100vh;display:flex;flex-direction:column;transition:background .3s,color .3s}
a{color:var(--ac-d)}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:3px solid var(--ac)}
.brand{font-weight:700;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:.02em}
.tog{width:40px;height:40px;border:1.5px solid var(--line);background:var(--surface);border-radius:8px;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.tog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tog .moon{display:none}
:root[data-theme="dark"] .tog .sun{display:none}:root[data-theme="dark"] .tog .moon{display:block}
main{flex:1;display:grid;place-items:center;padding:40px 20px}
.card{max-width:640px;width:100%}
.k{font:600 12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
h1{font-size:clamp(34px,6vw,54px);line-height:1.05;margin:0 0 14px;color:var(--ink);letter-spacing:-.02em}
p{margin:0 0 14px}
.links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.links a{display:flex;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 13px;color:var(--ink);text-decoration:none}
.links a small{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.links a:hover{border-color:var(--ac)}
.status{display:inline-flex;align-items:center;gap:8px;background:var(--face);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:600 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.status i{width:8px;height:8px;border-radius:50%;background:var(--ac);display:inline-block}
footer{padding:16px 20px;border-top:1px solid var(--line);font:12.5px var(--mono);letter-spacing:.06em;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:520px){.links{grid-template-columns:1fr}}