:root{
  --orange:#F2781A;
  --red:#D4481A;
  --ink:#1f2937;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#f6f7f9;
  --border:#e7e8ee;
  --shadow: 0 10px 28px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#fff 55%,#fbfbfc 100%);
}
a{color:inherit}
.container{max-width:1040px;margin:0 auto;padding:0 18px}
header{
  background:
    radial-gradient(1100px 380px at 50% 0%, rgba(242,120,26,.14), transparent 62%),
    radial-gradient(900px 340px at 80% 6%, rgba(212,72,26,.10), transparent 58%);
  border-bottom:1px solid var(--border);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;
}
.nav a{ text-decoration:none; font-weight:700; color:var(--muted); }
.nav a.active{ color:var(--ink); }
.nav .links{ display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end; }

.hero{ padding:18px 0 26px; }
.banner{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:16px; box-shadow: var(--shadow);
  display:flex; justify-content:center; align-items:center;
}
.banner img{ width:min(740px,100%); height:auto; }

.kicker{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px;
  border:1px solid var(--border); background:#fff;
  color:var(--muted); font-weight:700; font-size:12px;
  margin:14px auto 0;
}
.hero h1{
  font-size:clamp(26px, 6vw, 44px);
  line-height:1.08;
  margin:12px auto 10px;
  max-width:980px;
  text-align:center;
}
.lede{
  margin:0 auto;
  max-width:860px;
  text-align:center;
  color:var(--muted);
  font-size:clamp(15px, 3.6vw, 18px);
  line-height:1.65;
}
.cta-row{
  display:flex; gap:12px; flex-wrap:wrap;
  justify-content:center;
  margin:18px 0 0;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px;
  font-weight:800; text-decoration:none;
  border:1px solid transparent;
  min-width: 210px;
}
.btn.primary{ color:#fff; background:linear-gradient(135deg,var(--orange),var(--red)); box-shadow: var(--shadow); }
.btn.secondary{ color:var(--ink); background:#fff; border-color:var(--border); }
.btn:focus{ outline:4px solid rgba(242,120,26,.25); outline-offset:2px; }

main{ padding:22px 0 56px; }
.grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:14px;
}
@media (min-width: 920px){
  .grid{ grid-template-columns: 1.2fr .8fr; gap:18px; }
}
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
}
.card h2{ margin:2px 0 10px; font-size:18px; }
.card p{ margin:0 0 10px; color:var(--muted); line-height:1.7; }
.list{ margin:10px 0 0; padding-left:18px; color:var(--muted); line-height:1.75; }
.kpis{ display:grid; grid-template-columns: 1fr; gap:10px; margin-top:10px; }
@media (min-width: 520px){ .kpis{ grid-template-columns: 1fr 1fr; } }
.kpi{
  background:var(--card);
  border:1px solid #ececf1;
  border-radius:16px;
  padding:12px;
  display:flex;
  gap:12px;
  align-items:center;
}
.kpi .num{ font-size:22px; font-weight:900; color:var(--ink); letter-spacing:-0.02em; }
.kpi .label{ color:var(--muted); line-height:1.35; }

.donate-stack{ display:grid; gap:10px; margin-top:10px; }
.donate-stack .btn{ min-width: unset; width:100%; }

.note{
  margin-top:10px;
  padding:12px;
  border-radius:16px;
  background: #fff7f1;
  border:1px solid rgba(242,120,26,.25);
  color: #7a4b1b;
  font-size:13px;
  line-height:1.55;
}
.small{ font-size:12px; color:var(--muted); line-height:1.6; }

footer{
  border-top:1px solid var(--border);
  padding:18px 0;
  color:var(--muted);
  font-size:12px;
}