:root { --asphalt:#1B1F24; --yellow:#F5B700; --ink2:#4B525B; --muted:#8A9098; --sand:#F6F3EC; --rule:#DDD9D0; --danger:#D64545; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--asphalt); background:var(--sand); line-height:1.65; }
header { background:var(--asphalt); color:#fff; padding:2.2rem 1.25rem; }
header .wrap, main { max-width:760px; margin:0 auto; }
header a.brand { color:#fff; text-decoration:none; font-weight:800; font-size:1.1rem; letter-spacing:.01em; }
header a.brand span { color:var(--yellow); }
header h1 { font-size:1.7rem; margin-top:.8rem; font-weight:800; }
header p.meta { color:#b9bec5; font-size:.9rem; margin-top:.4rem; }
main { padding:2rem 1.25rem 4rem; }
h2 { font-size:1.2rem; margin:2.2rem 0 .7rem; }
h2::before { content:""; display:inline-block; width:.55rem; height:.55rem; background:var(--yellow); border-radius:2px; margin-right:.55rem; vertical-align:.1rem; }
p, li { margin-bottom:.55rem; }
ol, ul { padding-left:1.3rem; margin-bottom:.8rem; }
a { color:var(--asphalt); }
.cta { display:inline-block; background:var(--yellow); color:var(--asphalt); text-decoration:none; font-weight:700; padding:.7rem 1.3rem; border-radius:8px; margin:.6rem 0 1rem; }
.note { background:#fff7e0; border-left:3px solid var(--yellow); padding:.8rem 1rem; border-radius:0 8px 8px 0; margin:1rem 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin:1.5rem 0; }
.card { background:#fff; border:1px solid var(--rule); border-radius:12px; padding:1.1rem; }
.card h3 { font-size:1rem; margin-bottom:.3rem; }
footer { border-top:1px solid var(--rule); padding:1.5rem 1.25rem 2.5rem; text-align:center; color:var(--muted); font-size:.85rem; }