:root{
  --ink:#1f2937; --muted:#6b7280; --bg:#faf8f3; --accent:#2c5e2e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;background:var(--bg);color:var(--ink);}
.container{max-width:960px;margin:0 auto;padding:20px}
header{display:grid;gap:16px;align-items:center;justify-items:center;padding:32px 0 8px}
header img.logo{width:120px;height:120px;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.06)}
h1{font-size:clamp(28px,4.8vw,44px);margin:6px 0 0;line-height:1.1;text-align:center}
p.lead{text-align:center;color:var(--muted);margin:8px 0 0;font-size:clamp(15px,2.2vw,18px)}
.banner{width:100%;height:auto;border-radius:14px;display:block;margin:18px auto;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.section{padding:12px 0}
footer{padding:24px 0 36px;color:var(--muted);text-align:center;font-size:14px}
a.button{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;margin-top:14px}
.center{text-align:center}