@font-face{font-family:"Outfit";src:url(fonts/Outfit.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/Figtree.ttf) format("truetype");font-weight:300 900;font-display:swap}
:root{--bg:#FBFAF7;--ink:#16203A;--muted:#5A6378;--line:#E6E2D8;--gold:#E2A43C}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Figtree",system-ui,sans-serif;font-size:16px;line-height:1.65}
header{border-bottom:1px solid var(--line)}
.wrap{max-width:780px;margin:0 auto;padding-inline:20px}
.bar{height:68px;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 22px/1 "Outfit",sans-serif}
.brand .c{color:var(--gold)}
main{padding-block:48px 72px}
h1{font:700 38px/1.15 "Outfit",sans-serif;margin:0 0 24px}
h2{font:600 21px/1.3 "Outfit",sans-serif;margin:36px 0 8px}
p,li{color:#2c3550}
.todo{background:#FFF1CF;border-radius:4px;padding:0 4px}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:14px}
footer a{color:inherit;margin-right:18px}