body{
  font-family: Arial, sans-serif;
  margin:0;
  background: linear-gradient(180deg,#eef7f0,#f7fbff);
  color:#123;
}
header{
  background:#2b7a4a;
  color:white;
  padding:20px;
  text-align:center;
}
nav a{color:#e6f7ea;margin:0 10px;text-decoration:none;font-weight:600;}
.container{max-width:1000px;margin:24px auto;padding:18px;background:rgba(255,255,255,0.9);border-radius:10px;box-shadow:0 6px 20px rgba(20,30,20,0.06);}
.hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero img{max-width:380px;width:100%;border-radius:10px;box-shadow:0 8px 24px rgba(10,30,10,0.08)}
.hero .lead{flex:1}
.btn{display:inline-block;background:#2b7a4a;color:white;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700}
.footer{background:#1b5e3a;color:#eaf7ea;padding:12px;text-align:center;margin-top:18px}
.section{margin-top:18px}