:root{--ink:#1c2b36;--muted:#5b6b77;--line:#e3e8ec;--brand:#1d5f8c;--bg:#f7f9fb}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
.wrap{max-width:960px;margin:auto;padding:0 1rem}
header.site{border-bottom:1px solid var(--line)}header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.2rem;color:var(--ink);text-decoration:none}.logo span{color:var(--brand)}
nav a{margin-left:1.2rem;color:var(--ink);text-decoration:none}nav a:hover{color:var(--brand)}
.hero{background:var(--bg);padding:2.5rem 0}.hero h1{margin:.2rem 0;font-size:2rem}.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}th,td{border-bottom:1px solid var(--line);padding:.6rem;text-align:left}th{background:var(--bg)}
.box{border:1px solid var(--line);border-radius:8px;padding:1.2rem;margin:1.5rem 0}
input[type=email]{padding:.6rem;border:1px solid var(--line);border-radius:6px;width:260px;max-width:100%}
button{padding:.6rem 1rem;background:var(--brand);color:#fff;border:0;border-radius:6px;cursor:pointer}
footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.5rem 0;font-size:.85rem;color:var(--muted)}footer a{color:var(--muted);margin-right:1rem}