:root{--bg:#FEF3DB;--card:#FFF8E8;--ink:#43271C;--accent:#D45424;--honey:#D99048;--muted:#804A2E}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px;max-width:960px;margin:auto}
header a.brand{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}nav a{margin-left:16px;color:var(--muted);text-decoration:none}nav a:hover{color:var(--accent)}
main{max-width:960px;margin:auto;padding:0 24px 48px}.card{background:var(--card);border:2px solid #F2C58E;border-radius:20px;padding:24px;margin:16px 0}
h1,h2{color:var(--ink);line-height:1.2}h1{font-size:32px}a{color:var(--accent)}.hero{text-align:center}.hero img.logo{max-width:420px;width:100%}
.hero img.icon{width:96px;height:96px;border-radius:22px}footer{text-align:center;color:var(--muted);font-size:14px;padding:24px}
.todo{background:#ffe1d6;padding:0 4px;border-radius:4px}
@media (max-width:600px){nav a{margin-left:10px}h1{font-size:26px}}