:root { --bg:#faf7f1; --ink:#1f2a24; --muted:#5d6b62; --accent:#1f6b4f; --card:#fff; --line:#e6dfd2 }
@media (prefers-color-scheme: dark) { :root { --bg:#141a17; --ink:#eef2ee; --muted:#a3b0a8; --accent:#5fc497; --card:#1c2420; --line:#2c3831 } }
* { box-sizing:border-box } body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif }
main { max-width:760px; margin:0 auto; padding:56px 20px 40px }
.logo { font-weight:700; font-size:22px; letter-spacing:.2px; color:var(--accent) }
h1 { font-size:clamp(28px, 6vw, 42px); line-height:1.15; margin:28px 0 14px }
p.lead { color:var(--muted); font-size:19px; margin:0 0 32px }
ul { list-style:none; padding:0; margin:0 0 32px; display:grid; gap:12px }
li { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 16px }
li strong { display:block }
.btn { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:12px 20px; border-radius:10px; font-weight:600 }
footer { max-width:760px; margin:0 auto; padding:20px; color:var(--muted); font-size:14px; border-top:1px solid var(--line) }
footer a { color:inherit }