:root{--bg:#fbf7f2;--ink:#2b2622;--muted:#6f655c;--accent:#c2553d;--card:#fff;--line:#eadfd3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Times New Roman",serif}
.wrap{max-width:720px;margin:0 auto;padding:0 16px}
header{padding:48px 0 24px;text-align:center}
header a.brand{color:var(--ink);text-decoration:none;font-size:2.4rem;font-weight:700;letter-spacing:-.5px}
header p{color:var(--muted);margin:6px 0 0;font-family:system-ui,sans-serif;font-size:1rem}
nav{margin-top:14px;font-family:system-ui,sans-serif;font-size:.95rem}nav a{color:var(--accent);margin:0 10px;text-decoration:none}
main{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 24px;margin-bottom:28px}
h1{font-size:1.6rem;margin:0 0 12px}h2{font-size:1.2rem;margin:26px 0 8px}
a{color:var(--accent)}ul{padding-left:22px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-family:system-ui,sans-serif}
.note{font-family:system-ui,sans-serif;font-size:.9rem;color:var(--muted);background:#f6efe7;border-radius:10px;padding:12px 14px}
footer{text-align:center;color:var(--muted);font:.85rem system-ui,sans-serif;padding:0 0 40px}