:root{color-scheme:light;--cream:#fff9ed;--surface:#fff;--ink:#24313d;--muted:#65717d;--brand:#2e8b78;--accent:#ffb84d;--border:#d9ded8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}header{background:var(--brand);color:#fff;padding:56px 24px}header .wrap{max-width:760px;margin:auto}h1{font-size:42px;line-height:1.15;margin:0 0 10px}header p{margin:0;opacity:.88;font-size:18px}main{max-width:760px;margin:32px auto;padding:0 20px 56px}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px;margin:20px 0;box-shadow:0 8px 24px rgba(36,49,61,.06)}h2{font-size:24px;margin:0 0 12px}h3{font-size:18px;margin:24px 0 6px}p,li{font-size:16px}a{color:var(--brand);font-weight:700}.button{display:inline-block;background:var(--accent);color:var(--ink);padding:13px 20px;border-radius:16px;text-decoration:none;margin-top:8px}.nav{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.nav a{text-decoration:none}footer{color:var(--muted);text-align:center;padding:28px 20px;border-top:1px solid var(--border)}code{background:#f0eee8;padding:2px 6px;border-radius:6px}@media(max-width:520px){h1{font-size:34px}.card{padding:22px;border-radius:20px}}