:root{--bg:#0b1320;--panel:#111b2e;--panel-2:#15233c;--text:#e8eef9;--muted:#9fb0ce;--accent:#4aa3ff;--success:#1cc88a;--border:#263652}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}body{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px}.hero{padding:24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-2))}.grid,.hero{display:grid;grid-gap:16px;gap:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--panel)}.kv{display:grid;grid-template-columns:160px 1fr;grid-gap:8px;gap:8px;font-size:14px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(74,163,255,.12);color:var(--accent);font-size:12px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.button,.nav a{border:1px solid var(--border);padding:10px 14px;border-radius:12px;background:var(--panel)}.footer{margin-top:20px;color:var(--muted)}.code,.footer{font-size:12px}.code{font-family:monospace;white-space:pre-wrap;word-break:break-word}