:root{--green:#2f9b43;--dark:#07192b;--light-green:#77b943;--red:#e3322d;--text:#17202a}
html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text)}
.navbar{min-height:86px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.08);z-index:1000}
.brand-logo{width:190px;height:70px;object-fit:cover}
.navbar-nav .nav-link{font-size:.78rem;font-weight:800;color:#111;padding:1rem .75rem!important;text-transform:uppercase}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:var(--green)}
.donate-btn{background:var(--green);color:#fff!important;font-weight:800;border-radius:5px;padding:11px 25px;text-decoration:none;text-transform:uppercase;font-size:.75rem}
.section-title{text-align:center;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem}
.section-title:after{content:"";display:block;width:55px;height:4px;background:var(--green);margin:7px auto 0}
.page-hero{background:linear-gradient(rgba(7,25,43,.88),rgba(7,25,43,.88)),url("assets/hero.jpg") center/cover;min-height:260px;color:#fff;display:flex;align-items:center}
.page-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase}
.round-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;flex:0 0 auto}
.program-card{border:0;border-radius:7px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.14);height:100%;background:#fff}
.program-card img{width:100%;height:190px;object-fit:cover}.program-card .card-body{padding:16px}
.program-card h5{font-weight:900;text-transform:uppercase;font-size:.9rem}
.program-card p{font-size:.8rem;line-height:1.55}
.gallery-img{width:100%;height:220px;object-fit:cover;border-radius:7px;box-shadow:0 2px 7px rgba(0,0,0,.15)}
.impact{color:#fff;background:linear-gradient(rgba(7,25,43,.91),rgba(7,25,43,.91)),url("assets/hero.jpg") center/cover}
.impact-number{font-size:2rem;font-weight:900;color:var(--light-green)}
.impact-label{font-size:.78rem;font-weight:700}
.involve-card{border:1px solid #ddd;border-radius:6px;padding:25px;height:100%;background:#fafafa}
footer{background:var(--dark);color:#fff}footer h6{font-size:.8rem;font-weight:900;text-transform:uppercase}
footer p,footer li,footer a{color:#d6dde3;font-size:.72rem;text-decoration:none}footer ul{list-style:none;padding:0}footer li{margin-bottom:7px}
.footer-bottom{background:var(--green);color:#fff;font-size:.72rem}
.social a{width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#173454;margin-right:4px;color:#fff}
.top-btn{position:fixed;right:15px;bottom:15px;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none}
.btn-green{background:var(--green);color:#fff;font-weight:800;border:1px solid var(--green)}
@media(max-width:991.98px){.navbar-nav .nav-link{padding:.65rem 0!important}.donate-btn{display:inline-block;margin:.5rem 0 1rem}}
@media(max-width:767.98px){.brand-logo{width:165px;height:62px}.page-hero{min-height:210px}.gallery-img{height:180px}.program-card img{height:180px}}