:root { --green:#1e9e6b; --bg:#f7faf8; --text:#0b1f17; --line:#e6efe9; --muted:#6b7f76; }
* { box-sizing:border-box; }
html{ font-size:16px; }
html,body{ margin:0; padding:0; font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--text); background:#fff; }
.container{ width:min(1140px,92%); margin:0 auto; }
header.hero{ padding:48px 0 28px; background:var(--bg); border-bottom:1px solid var(--line); }
h1{ font-size:1.9rem; line-height:1.25; margin:0 0 10px; }
@media(min-width:768px){ h1{ font-size:2.2rem; } }
p.lead{ font-size:1rem; opacity:.95; margin:0 0 16px; }
.nav{ display:flex; gap:.9rem; flex-wrap:wrap; margin:8px 0 12px; }
.nav a{ font-size:.92rem; }
.badges{ display:flex; flex-wrap:wrap; gap:.5rem; margin:12px 0 18px; }
.badge{ background:#e9f6f0; color:#116a49; padding:.4rem .6rem; border-radius:999px; font-size:.82rem; }
.grid2{ display:grid; grid-template-columns:1fr; gap:1rem; }
@media(min-width:900px){ .grid2{ grid-template-columns:1.15fr .85fr; } }
.grid3{ display:grid; grid-template-columns:1fr; gap:1rem; }
@media(min-width:820px){ .grid3{ grid-template-columns:repeat(3,1fr); } }
.card{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px; }
section{ padding:26px 0; }
h2{ font-size:1.35rem; margin:0 0 10px; }
ul{ padding-left:1.1rem; }
form{ display:grid; gap:.75rem; background:#fff; border:1px solid var(--line); padding:14px; border-radius:14px; }
input,textarea{ width:100%; padding:.8rem .9rem; border:1px solid #cfe4d8; border-radius:10px; font:inherit; }
button.primary{ background:var(--green); color:#fff; border:0; padding:.9rem 1rem; border-radius:12px; font-weight:700; cursor:pointer; min-height:48px; }
.note{ font-size:.86rem; color:var(--muted); }
.small{ font-size:.8rem; color:var(--muted); }
footer{ padding:22px 0; background:var(--bg); border-top:1px solid var(--line); }
.legal{ font-size:.9rem; }
.kv{ display:grid; grid-template-columns:1fr 1fr; gap:.35rem .8rem; max-width:520px; }
.kv div{ font-size:.9rem; }
.media{ display:flex; gap:.9rem; align-items:center; }
.media img{ width:72px; height:72px; object-fit:cover; border-radius:12px; border:1px solid var(--line); }
img{ max-width:100%; height:auto; }