:root{--g:#0d5b4d;--gd:#073e35;--gold:#d7aa50;--ink:#17231f;--muted:#71807a;--soft:#f4f8f6;--line:#e0ebe7}
body{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;color:var(--ink)}a{text-decoration:none}.top{background:#082f29;color:#edf7f4;font-size:14px}
.navbar{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.logo{width:54px;height:54px;object-fit:contain}.brand{font-size:15px;line-height:1.2;font-weight:800;color:#17322b}.nav-link{font-size:14px;font-weight:650;color:#34453f!important;border-radius:9px;padding:.65rem .7rem!important}.nav-link:hover,.nav-link.active{background:#eaf5f1;color:var(--g)!important}
.hero{min-height:400px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(4,45,37,.96),rgba(6,70,57,.7)),url("../images/photo-7da011b381ab.jpg") center/cover}.hero h1{font-size:clamp(38px,5vw,62px);font-weight:850}.hero p{max-width:760px;color:#dcebe6;font-size:18px}.pill{display:inline-block;padding:8px 13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);border-radius:999px;font-size:13px;font-weight:750}
.section{padding:78px 0}.eyebrow{color:var(--g);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:1px}.title{font-size:clamp(30px,4vw,44px);font-weight:850}.muted{color:var(--muted)}
.featured{min-height:510px;border-radius:27px;overflow:hidden;position:relative;display:flex;align-items:end;background:linear-gradient(180deg,rgba(3,35,29,.05) 25%,rgba(3,40,33,.94) 100%),url("../images/photo-1a61753c7556.jpg") center/cover;box-shadow:0 20px 48px rgba(8,66,54,.14)}.featured-content{padding:38px;color:white;position:relative;z-index:2;max-width:780px}.featured h2{font-size:clamp(27px,4vw,42px);font-weight:850}.featured p{color:#dce9e5;max-width:690px}.tag{display:inline-block;padding:7px 11px;background:var(--gold);color:#26332f;border-radius:999px;font-size:12px;font-weight:850}.featured .date{font-size:13px;color:#c9ddd6}
.filter-row{display:flex;gap:9px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:999px;color:#53635e;font-weight:700;font-size:13px}.filter-btn.active,.filter-btn:hover{background:var(--g);border-color:var(--g);color:white}
.activity-card{display:block;height:100%;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white;color:var(--ink);transition:.25s;box-shadow:0 8px 25px rgba(12,72,60,.035)}.activity-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(12,72,60,.11);color:var(--ink)}.card-image{height:245px;background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,45,37,.38))}.cat{position:absolute;left:17px;top:17px;z-index:2;background:rgba(255,255,255,.94);color:var(--g);font-size:11px;font-weight:850;padding:7px 10px;border-radius:999px}.card-body-custom{padding:22px}.date{color:var(--g);font-size:12px;font-weight:800;margin-bottom:8px}.card-body-custom h4{font-size:20px;font-weight:820;line-height:1.35}.card-body-custom p{font-size:14px;color:var(--muted);line-height:1.7}.read{font-size:13px;color:var(--g);font-weight:800}
.impact{background:var(--soft)}.impact-card{text-align:center;background:white;border:1px solid var(--line);border-radius:18px;padding:26px;height:100%}.impact-card strong{display:block;color:var(--g);font-size:32px}.impact-card span{color:var(--muted);font-size:13px}
.community{min-height:360px;border-radius:28px;display:flex;align-items:end;overflow:hidden;background:linear-gradient(180deg,rgba(4,46,38,.12),rgba(4,49,40,.92)),url("../images/photo-b17c4d0dfc49.jpg") center/cover}.community>div{padding:40px;color:white;max-width:760px}.community h2{font-weight:850}.community p{color:#d8e7e2}
footer{background:#072c26;color:#afc3bd;padding-top:58px}.ft{color:white;font-weight:800}.fl{color:#b9cbc6;display:block;margin:.5rem 0}.fl:hover{color:white}.bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding:22px 0;font-size:13px}
@media(max-width:767px){.section{padding:60px 0}.featured{min-height:430px}.featured-content{padding:26px}.card-image{height:220px}}