body{margin:0}:root{--vanilla:#f1fec8;--ink:#0a0a0a;--gold:#d4a017;--steel:#50545a;--sheet:#fbffea}html,body,#root{background:var(--vanilla);min-height:100%;color:var(--ink);margin:0;font-family:system-ui,sans-serif}.bar{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.bar select{border:1px solid var(--steel);background:var(--sheet);border-radius:8px;padding:8px}.hero{text-align:center;padding:56px 24px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,6vw,3.5rem)}.hero p{max-width:640px;color:var(--steel);margin:0 auto;font-size:1.15rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto;padding:0 24px 32px;display:grid}.grid article{background:var(--sheet);border:1px solid #b9bdc2;border-radius:20px;padding:20px}.grid h2{color:var(--gold);margin-top:0}.download{text-align:center;background:var(--ink);color:#fff;padding:32px 24px}.download h2{color:var(--gold);margin-top:0}footer{text-align:center;color:var(--steel);padding:24px}footer a,.legal a{color:var(--gold)}.legal{max-width:760px;margin:0 auto;padding:24px}