@font-face{font-family:Fredoka;src:url(fonts/Fredoka.ttf)}
@font-face{font-family:Nunito;src:url(fonts/Nunito.ttf)}
*{box-sizing:border-box}
body{margin:0;background:#FFF8EE;color:#22304A;font:17px/1.6 Nunito,system-ui,sans-serif}
header{background:#1F5E4B;color:#fff}
header .in{display:flex;align-items:center;gap:16px;padding:14px 20px}
header img{width:64px;height:64px;border-radius:50%;background:#fff}
header a{color:#fff;text-decoration:none}
nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.in{max-width:1040px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.2}
h1{margin:0;font-size:26px}
h2{color:#1F5E4B;margin-top:48px}
.hero{padding:36px 0 8px;font-size:19px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 4px 16px rgba(34,48,74,.12);display:flex;flex-direction:column}
.card img{width:100%;border-radius:10px}
.card h3{margin:14px 0 4px}
.card .sub{color:#C8374A;font-size:15px;line-height:1.4;margin:0 0 10px}
.card p{margin:0 0 12px}
.btn{margin-top:auto;align-self:flex-start;background:#C8374A;color:#fff;padding:9px 18px;border-radius:999px;text-decoration:none;font-weight:bold}
.btn.free{background:#1F5E4B}
.btns{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
.btns .btn{margin-top:0}
.btn.pdf{background:#fff;color:#1F5E4B;border:2px solid #1F5E4B}
.legal{max-width:760px}
.legal h2{margin-top:32px}
footer{margin-top:60px;padding:24px 0;background:#22304A;color:#fff;font-size:15px}
footer a{color:#F2B544}
.todo{background:#F2B544;padding:0 4px}