:root{color-scheme:light;--cream:#f6f3ec;--surface:#fff;--ink:#17231f;--muted:#63716b;--brand:#286b58;--accent:#c9e7dc;--border:#dde4df}*{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:linear-gradient(135deg,#1e594a,#347e68);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:.9;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(23,35,31,.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:8px 10px 0 0}.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)}@media(max-width:520px){h1{font-size:34px}.card{padding:22px;border-radius:20px}}