:root { --ink:#0f1419; --muted:#5c6b7a; --line:#d8e0e8; --bg:#f4f7fa; --accent:#0b6e4f; }
body { margin:0; font-family: "Segoe UI", system-ui, sans-serif; background:var(--bg); color:var(--ink); }
main { max-width: 920px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
h1 { font-size: 1.75rem; margin: 0 0 0.35rem; }
.sub { color: var(--muted); margin-bottom: 1.5rem; line-height: 1.45; }
.cta { display:flex; flex-wrap:wrap; gap:0.75rem; margin-bottom: 1.5rem; }
.cta a { display:inline-block; padding:0.55rem 0.9rem; border-radius:6px; text-decoration:none; font-weight:600; }
.cta .primary, .claim-btn { background:var(--accent); color:#fff; }
.claim-btn { display:inline-block; margin-top:0.5rem; padding:0.4rem 0.7rem; border-radius:6px; text-decoration:none; font-weight:600; }
.cta .ghost { border:1px solid var(--line); color:var(--ink); background:#fff; }
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:1rem 1.1rem; margin-bottom:0.75rem; }
.meta { font-size:0.85rem; color:var(--muted); word-break:break-all; }
code { font-size:0.85em; }
.empty { color:var(--muted); padding:1rem 0; }
.warn { font-size:0.9rem; color:var(--muted); margin-top:2rem; }