:root{--bg:#fff;--text:#0b1a2b;--muted:#6b7280;--accent:#ff6f61}
*{box-sizing:border-box;font-family:Inter,system-ui,Arial;line-height:1.5}
body{margin:0;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--text)}
.container{max-width:980px;margin:2rem auto;padding:1rem}
.hero{padding:3.5rem 1rem;text-align:center;background:linear-gradient(90deg,rgba(255,111,97,0.06),transparent);border-radius:12px}
.hero h1{font-size:2.4rem;margin:.2rem}
.btn{display:inline-block;margin-top:1rem;padding:.6rem 1rem;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none}
.card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,36,0.06);margin-bottom:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.article{margin-bottom:1rem}
.lead{color:var(--muted);font-weight:600}
.site-footer{text-align:center;padding:1rem;color:var(--muted);font-size:.95rem}
.muted{color:var(--muted);font-size:.95rem}
h2,h3,h4{color:#0b2233}
ol,ul{margin-left:1rem}
@media (max-width:640px){.hero h1{font-size:1.6rem}}