:root{
  --bg:#0b3d2e;
  --bg2:#0e4937;
  --text:#1f2a24;
  --muted:#5a6b63;
  --accent:#29a073;
  --white:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1100px,92%);margin:0 auto}

.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #eaeaea;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.6rem}
.logo img{height:36px}
.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav a{padding:.5rem .6rem;border-radius:8px}
.nav a:hover{background:#f3f5f4}

.hero{background:linear-gradient(120deg, var(--bg), var(--bg2));color:var(--white);padding:80px 0}
.hero h1{font-size:clamp(28px,5vw,46px);margin:0 0 .6rem}
.hero p{margin:0 0 1.2rem;opacity:.95}
.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.button{display:inline-block;padding:.9rem 1rem;border-radius:10px;font-weight:600;border:2px solid transparent}
.button.primary{background:var(--accent);color:white}
.button.secondary{border-color:#cfe6dc;color:white}
.button:hover{transform:translateY(-1px)}

.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}}

.section{padding:64px 0}

.card{border:1px solid #ececec;border-radius:14px;overflow:hidden;background:white}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.card .body{padding:1rem}
.badge{display:inline-block;background:#e9f7f2;color:#147a58;border:1px solid #bfe9d7;padding:.2rem .5rem;border-radius:999px;font-size:.8rem}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:12px}

.split{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
@media (max-width:920px){.split{grid-template-columns:1fr}}

blockquote{margin:0;padding:1rem 1.2rem;background:#f7faf9;border-left:4px solid var(--accent);border-radius:6px}

.footer{background:#0f1512;color:#b9c5bf;padding:40px 0;margin-top:40px}
.footer a{color:#d3e6de}
.small{font-size:.92rem;color:var(--muted)}