:root{--primary:#1f618d;--accent:#16a085;--muted:#666;--bg:#f7f9fb}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; background:var(--bg); color:#222; margin:0}
a{color:var(--primary); text-decoration:none}
.navbar{background:white; box-shadow:0 2px 6px rgba(15,15,15,0.06)}
.navbar .brand{display:flex; align-items:center; gap:12px}
.navbar .brand img{height:44px; width:auto; border-radius:6px}
.hero{position:relative; overflow:hidden}
.hero .slide{height:60vh; min-height:380px; display:flex; align-items:center; justify-content:center; color:white; position:relative}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.45))}
.hero .hero-content{position:relative; z-index:2; max-width:1100px; padding:40px; text-align:left}
.hero h1{font-size:2.25rem; margin:0 0 12px; font-weight:700}
.hero p.lead{font-size:1.05rem; margin:0 0 18px; color:#f1f1f1}
.btn-donate{background:var(--accent); color:white; padding:10px 18px; border-radius:8px; font-weight:600}
.container{max-width:1100px; margin:0 auto; padding:40px 18px}
.section-title{display:flex; align-items:center; gap:12px; margin-bottom:20px}
.section-title h2{margin:0; font-size:1.35rem; color:var(--primary)}
.grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:18px}
.team-card{background:white; border-radius:10px; padding:14px; text-align:center; box-shadow:0 6px 18px rgba(15,15,15,0.06)}
.team-card img{width:100%; height:220px; object-fit:cover; border-radius:8px}
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:12px}
.gallery-item{background:white; border-radius:8px; overflow:hidden; box-shadow:0 8px 18px rgba(15,15,15,0.06)}
.gallery-item img{width:100%; height:200px; object-fit:cover; display:block}
.gallery-caption{padding:10px; font-weight:600; background:white}
.footer{background:#0b2540; color:#dfeffc; padding:28px 18px; margin-top:30px}
.footer .logo{display:flex; align-items:center; gap:12px}
.footer a{color:#dff3f1}
@media (max-width:768px){.hero h1{font-size:1.5rem}.hero .hero-content{padding:20px}}