/* IDF v2 - Full Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --green-deep: #0d6b3c; --green-mid: #1a9657; --green-soft: #34c27a; --green-pale: #e6f7ee;
  --blue-deep: #0a4a7c; --blue-mid: #1572b6; --blue-soft: #4da6e8; --blue-pale: #e8f4fd;
  --teal: #0e9986; --gold: #d4a843;
  --white: #ffffff; --off-white: #f8fafb;
  --gray-100: #f1f5f9; --gray-200: #e2e8f0; --gray-400: #94a3b8; --gray-600: #475569; --gray-800: #1e293b; --dark: #0f172a;
  --gradient-hero: linear-gradient(135deg,#0a4a7c 0%,#0d6b3c 60%,#0e9986 100%);
  --gradient-green: linear-gradient(135deg,#0d6b3c,#34c27a);
  --gradient-blue: linear-gradient(135deg,#0a4a7c,#4da6e8);
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.06); --shadow-md: 0 8px 32px rgba(0,0,0,0.1);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.14); --shadow-glow: 0 0 30px rgba(13,107,60,0.2);
  --radius: 16px; --radius-lg: 24px; --radius-xl: 32px;
  --transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
  --font-display: 'Playfair Display',Georgia,serif; --font-body: 'DM Sans',sans-serif;
  --nav-h: 70px;
}
[data-theme="dark"] {
  --white:#0f172a; --off-white:#1e293b; --gray-100:#1e293b; --gray-200:#334155;
  --gray-400:#64748b; --gray-600:#94a3b8; --gray-800:#e2e8f0; --dark:#f8fafc;
  --green-pale:#0d2b1a; --blue-pale:#0a1929;
  --shadow-sm:0 2px 12px rgba(0,0,0,0.3); --shadow-md:0 8px 32px rgba(0,0,0,0.4); --shadow-lg:0 20px 60px rgba(0,0,0,0.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--white);color:var(--gray-800);line-height:1.7;overflow-x:hidden;transition:background 0.4s,color 0.4s;}
img{max-width:100%;display:block;} a{text-decoration:none;color:inherit;} ul{list-style:none;} button{cursor:pointer;border:none;background:none;font-family:inherit;}

/* LOADER */
#loader{position:fixed;inset:0;z-index:99999;background:var(--gradient-hero);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.6s,visibility 0.6s;}
#loader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.loader-logo{font-family:var(--font-display);color:white;font-size:2.5rem;font-weight:800;margin-bottom:0.5rem;letter-spacing:4px;animation:pulseText 1.5s ease-in-out infinite;}
.loader-sub{color:rgba(255,255,255,0.7);font-size:0.8rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:2.5rem;}
@keyframes pulseText{0%,100%{opacity:1;}50%{opacity:0.5;}}
.loader-bar{width:220px;height:3px;background:rgba(255,255,255,0.2);border-radius:10px;overflow:hidden;}
.loader-bar-fill{height:100%;background:white;border-radius:10px;animation:loadFill 1.8s ease forwards;}
@keyframes loadFill{from{width:0;}to{width:100%;}}
.loader-dots{display:flex;gap:8px;margin-top:1.5rem;}
.loader-dots span{width:8px;height:8px;background:rgba(255,255,255,0.6);border-radius:50%;animation:dotPulse 1.2s infinite;}
.loader-dots span:nth-child(2){animation-delay:0.2s;}.loader-dots span:nth-child(3){animation-delay:0.4s;}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:0.6;}50%{transform:scale(1.4);opacity:1;}}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);transition:var(--transition);}
.navbar.scrolled{background:var(--white);box-shadow:var(--shadow-md);}
.navbar-inner{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.nav-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;}
.nav-logo-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;flex-shrink:0;}
.brand-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:white;line-height:1.1;transition:color 0.3s;}
.navbar.scrolled .brand-name{color:var(--green-deep);}
.brand-tagline{font-size:0.6rem;color:rgba(255,255,255,0.7);letter-spacing:1.5px;text-transform:uppercase;transition:color 0.3s;}
.navbar.scrolled .brand-tagline{color:var(--gray-600);}

/* Desktop links - only >=1024px */
.nav-links{display:none;align-items:center;gap:0.15rem;}
@media(min-width:1024px){.nav-links{display:flex;}}
.nav-link{padding:0.48rem 0.8rem;font-size:0.84rem;font-weight:500;color:rgba(255,255,255,0.9);border-radius:8px;transition:var(--transition);white-space:nowrap;cursor:pointer;}
.navbar.scrolled .nav-link{color:var(--gray-600);}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,0.15);color:white;}
.navbar.scrolled .nav-link:hover,.navbar.scrolled .nav-link.active{background:var(--green-pale);color:var(--green-deep);}

.nav-actions{display:flex;align-items:center;gap:0.6rem;flex-shrink:0;}
.btn-theme-toggle{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.15);color:white;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition);}
.navbar.scrolled .btn-theme-toggle{background:var(--gray-100);color:var(--gray-600);}
.btn-theme-toggle:hover{transform:rotate(20deg) scale(1.1);}
.btn-donate-nav{padding:0.5rem 1.2rem;background:var(--gradient-green);color:white;border-radius:50px;font-size:0.84rem;font-weight:600;transition:var(--transition);box-shadow:0 4px 15px rgba(13,107,60,0.3);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.btn-donate-nav:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,107,60,0.4);}

/* Hamburger - only <1024px */
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;z-index:1001;}
.hamburger span{width:24px;height:2px;background:white;border-radius:2px;transition:var(--transition);display:block;}
.navbar.scrolled .hamburger span{background:var(--gray-800);}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
@media(max-width:1023px){.hamburger{display:flex;}.nav-links{display:none!important;}}

/* MOBILE MENU - slide down, scrollable */
.mobile-menu{
  position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;
  background:var(--white);
  max-height:0;overflow:hidden;
  transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s;
  border-bottom-left-radius:24px;border-bottom-right-radius:24px;
}
.mobile-menu.open{
  max-height:calc(100dvh - var(--nav-h));
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  box-shadow:0 20px 60px rgba(0,0,0,0.15);
}
.mobile-menu-inner{padding:0.75rem 1.5rem 2.5rem;}
.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:0.85rem 0.5rem;color:var(--gray-800);font-weight:500;border-bottom:1px solid var(--gray-100);font-size:0.96rem;transition:var(--transition);cursor:pointer;}
.mobile-nav-link:last-of-type{border-bottom:none;}
.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--green-deep);padding-left:1rem;}
.mobile-nav-link .m-icon{font-size:1.1rem;width:28px;text-align:center;}
.mobile-donate-btn{display:block;text-align:center;margin-top:1.25rem;padding:0.9rem 2rem;background:var(--gradient-green);color:white;border-radius:50px;font-weight:700;font-size:0.95rem;letter-spacing:0.5px;}
.menu-overlay{display:none;position:fixed;inset:0;z-index:998;background:rgba(0,0,0,0.25);backdrop-filter:blur(2px);}
.menu-overlay.open{display:block;}


/* ===========================
   MOBILE NAVBAR OVERFLOW FIX
   =========================== */
@media (max-width: 768px) {
  .navbar-inner {
    padding: 0 1rem;
    gap: 0.5rem;
  }
  .nav-brand {
    max-width: 65%; /* Logo aur text ko limit karega taake buttons screen se bahar na jayen */
  }
  .brand-name {
    font-size: 0.85rem; /* Mobile par font size adjust kiya hai */
    white-space: normal;
    line-height: 1.2;
  }
  .brand-tagline {
    font-size: 0.55rem;
  }
  .nav-logo-icon {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  .nav-actions {
    gap: 0.4rem; /* Buttons ke darmiyan space kam ki hai */
  }
  .btn-donate-nav {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }
  .btn-theme-toggle {
    width: 34px;
    height: 34px;
  }
}

/* HERO SLIDER */
.hero-slider{position:relative;height:100dvh;min-height:580px;overflow:hidden;}
.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;z-index:0;transition:opacity 0.9s ease,transform 0.9s ease;transform:scale(1.04);}
.slide.active{opacity:1;z-index:1;transform:scale(1);}
.slide.leaving{opacity:0;z-index:0;transform:scale(0.97);}
.slide-bg{position:absolute;inset:0;z-index:0;}
.slide-bg::after{content:'';position:absolute;inset:0;background:rgba(5,18,38,0.5);}
.slide-bg-1{background:linear-gradient(135deg,#0a4a7c 0%,#0d6b3c 60%,#0e9986 100%);}
.slide-bg-2{background:linear-gradient(135deg,#1a1a0a 0%,#6b3a0d 50%,#c2700a 100%);}
.slide-bg-3{background:linear-gradient(135deg,#0a1a4a 0%,#0d3a6b 50%,#0e7099 100%);}
.slide-bg-4{background:linear-gradient(135deg,#0a2a0a 0%,#1a6b0d 50%,#6ab234 100%);}
.slide-blob{position:absolute;border-radius:50%;filter:blur(80px);animation:blobDrift 8s ease-in-out infinite;}
@keyframes blobDrift{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(40px,-30px) scale(1.1);}66%{transform:translate(-20px,40px) scale(0.9);}}
.slide-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 2rem;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.slide-text{color:white;}
.slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.22);color:white;padding:0.4rem 1rem;border-radius:50px;font-size:0.76rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.25rem;}
.slide-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3.6rem);font-weight:800;line-height:1.12;margin-bottom:1.1rem;}
.slide-title .accent{color:var(--green-soft);}.slide-title .accent-gold{color:var(--gold);}
.slide-desc{font-size:1.05rem;color:rgba(255,255,255,0.84);line-height:1.8;margin-bottom:2rem;max-width:500px;}
.slide-ctas{display:flex;gap:1rem;flex-wrap:wrap;}
.slide-stats{display:flex;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.15);flex-wrap:wrap;}
.slide-stat .number{font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:white;}
.slide-stat .label{font-size:0.74rem;color:rgba(255,255,255,0.65);text-transform:uppercase;letter-spacing:1px;}
.slide-visual{display:flex;justify-content:center;align-items:center;}
.slide-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-xl);padding:2rem;color:white;width:300px;animation:cardFloat 4s ease-in-out infinite;}
@keyframes cardFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.slide-card-icon{font-size:3rem;margin-bottom:1rem;}
.slide-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:0.5rem;}
.slide-card-text{font-size:0.84rem;opacity:0.82;line-height:1.65;margin-bottom:1.2rem;}
.slide-card-tags{display:flex;flex-wrap:wrap;gap:6px;}
.slide-card-tags span{background:rgba(255,255,255,0.15);padding:0.22rem 0.7rem;border-radius:50px;font-size:0.72rem;}
.slider-controls{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:0.75rem;}
.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:var(--transition);}
.slider-dot.active{background:white;width:28px;border-radius:5px;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.13);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.28);color:white;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);}
.slider-arrow:hover{background:rgba(255,255,255,0.25);transform:translateY(-50%) scale(1.08);}
.slider-arrow.prev{left:1.5rem;}.slider-arrow.next{right:1.5rem;}
.slider-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.15);z-index:10;}
.slider-progress-fill{height:100%;background:var(--green-soft);border-radius:0 3px 3px 0;width:0;}
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;}
.particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.25);animation:floatP 6s infinite;}
@keyframes floatP{0%,100%{transform:translateY(0);opacity:0.3;}50%{transform:translateY(-28px);opacity:0.7;}}

/* SECTIONS */
.section-wrapper{max-width:1280px;margin:0 auto;padding:5rem 2rem;}
.section-header{text-align:center;margin-bottom:3.5rem;}
.section-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-mid);font-size:0.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.75rem;}
.section-eyebrow::before,.section-eyebrow::after{content:'';width:28px;height:2px;background:var(--green-mid);border-radius:2px;}
.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;color:var(--dark);line-height:1.25;margin-bottom:1rem;}
.section-subtitle{font-size:1.05rem;color:var(--gray-600);max-width:560px;margin:0 auto;line-height:1.75;}

/* PAGE HERO */
.page-hero{background:var(--gradient-hero);padding:8rem 2rem 4.5rem;text-align:center;color:white;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 80%,rgba(14,153,134,0.2),transparent 60%);}
.page-hero h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;position:relative;margin-bottom:0.75rem;}
.page-hero p{font-size:1.05rem;opacity:0.83;max-width:560px;margin:0 auto;position:relative;}
.breadcrumb{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:0.75rem;font-size:0.8rem;color:rgba(255,255,255,0.6);position:relative;}
.breadcrumb a{color:rgba(255,255,255,0.75);}
.breadcrumb a:hover{color:white;}

/* HIGHLIGHTS */
.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.highlight-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;}
.highlight-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-green);transform:scaleX(0);transition:var(--transition);}
.highlight-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:transparent;}
.highlight-card:hover::before{transform:scaleX(1);}
.highlight-icon{width:68px;height:68px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1.25rem;transition:var(--transition);}
.highlight-card:hover .highlight-icon{transform:scale(1.1) rotate(5deg);}
.highlight-icon.green{background:var(--green-pale);color:var(--green-deep);}
.highlight-icon.blue{background:var(--blue-pale);color:var(--blue-deep);}
.highlight-icon.teal{background:rgba(14,153,134,0.1);color:var(--teal);}
.highlight-icon.gold{background:rgba(212,168,67,0.1);color:var(--gold);}
.highlight-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:0.6rem;}
.highlight-card p{font-size:0.87rem;color:var(--gray-600);line-height:1.65;}

/* STATS */
.stats-section{background:var(--gradient-hero);position:relative;overflow:hidden;}
.stats-section::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1;}
.stat-item{text-align:center;padding:2rem;border-radius:var(--radius-lg);background:rgba(255,255,255,0.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);transition:var(--transition);}
.stat-item:hover{background:rgba(255,255,255,0.13);transform:translateY(-4px);}
.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:white;line-height:1;margin-bottom:0.5rem;}
.stat-number .plus{color:var(--green-soft);}
.stat-label{font-size:0.9rem;color:rgba(255,255,255,0.75);font-weight:500;}
.stat-icon{font-size:2rem;margin-bottom:1rem;opacity:0.8;}

/* PROJECTS */
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.project-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:1.5rem;padding:1.5rem;transition:var(--transition);align-items:flex-start;}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--green-soft);}
.project-card-icon{width:56px;height:56px;border-radius:12px;background:var(--green-pale);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;transition:var(--transition);}
.project-card:hover .project-card-icon{background:var(--green-deep);color:white;}
.project-card-content h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:0.4rem;}
.project-card-content p{font-size:0.86rem;color:var(--gray-600);line-height:1.65;}

/* CTA */
.cta-section{background:var(--gradient-green);border-radius:var(--radius-xl);margin:0 2rem 5rem;padding:4rem 3rem;text-align:center;position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:rgba(255,255,255,0.06);border-radius:50%;}
.cta-section::after{content:'';position:absolute;bottom:-80px;left:-30px;width:250px;height:250px;background:rgba(255,255,255,0.04);border-radius:50%;}
.cta-section h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:white;margin-bottom:1rem;}
.cta-section p{color:rgba(255,255,255,0.82);font-size:1.05rem;max-width:500px;margin:0 auto 2rem;}
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* BUTTONS */
.btn-primary{padding:0.9rem 2rem;background:white;color:var(--green-deep);border-radius:50px;font-weight:700;font-size:0.95rem;transition:var(--transition);box-shadow:0 8px 30px rgba(0,0,0,0.2);display:inline-flex;align-items:center;gap:8px;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.25);}
.btn-secondary{padding:0.9rem 2rem;background:rgba(255,255,255,0.12);color:white;border:2px solid rgba(255,255,255,0.35);border-radius:50px;font-weight:600;font-size:0.95rem;transition:var(--transition);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px;}
.btn-secondary:hover{background:rgba(255,255,255,0.22);transform:translateY(-3px);}
.btn-white{padding:0.9rem 2rem;background:white;color:var(--green-deep);border-radius:50px;font-weight:700;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,0.2);}
.btn-outline-white{padding:0.9rem 2rem;background:transparent;color:white;border:2px solid rgba(255,255,255,0.5);border-radius:50px;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;}
.btn-outline-white:hover{border-color:white;background:rgba(255,255,255,0.1);transform:translateY(-3px);}
.btn-green{padding:0.85rem 1.8rem;background:var(--gradient-green);color:white;border-radius:50px;font-weight:600;font-size:0.9rem;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:0 6px 20px rgba(13,107,60,0.3);}
.btn-green:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(13,107,60,0.4);}
.btn-read-more{display:inline-flex;align-items:center;gap:6px;color:var(--green-deep);font-weight:600;font-size:0.85rem;padding:0.45rem 1rem;border-radius:50px;background:var(--green-pale);transition:var(--transition);}
.btn-read-more:hover{background:var(--green-deep);color:white;gap:10px;}
.btn-submit{width:100%;padding:1rem 2rem;background:var(--gradient-green);color:white;border-radius:12px;font-size:1rem;font-weight:700;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0.5rem;}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(13,107,60,0.3);}

/* TESTIMONIALS */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.testimonial-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition);position:relative;}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.testimonial-card::before{content:'"';position:absolute;top:1rem;right:1.5rem;font-family:var(--font-display);font-size:5rem;color:var(--green-pale);line-height:1;pointer-events:none;}
.testimonial-stars{color:var(--gold);font-size:0.9rem;margin-bottom:0.75rem;}
.testimonial-text{font-size:0.92rem;color:var(--gray-600);line-height:1.75;margin-bottom:1.5rem;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:10px;}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-green);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;}
.testimonial-author h4{font-size:0.9rem;font-weight:700;color:var(--dark);}
.testimonial-author p{font-size:0.78rem;color:var(--gray-400);}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.about-text h2{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;color:var(--dark);margin-bottom:1.25rem;}
.about-text p{color:var(--gray-600);line-height:1.8;margin-bottom:1rem;font-size:0.97rem;}
.about-main-card{background:var(--gradient-hero);border-radius:var(--radius-xl);padding:3rem 2.5rem;color:white;position:relative;overflow:hidden;}
.about-main-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,0.07);border-radius:50%;}
.about-floating-stat{position:absolute;background:white;border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;}
.about-floating-stat.stat2{top:-20px;right:-20px;}
.stat-val{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--green-deep);}
.stat-lbl{font-size:0.75rem;color:var(--gray-600);font-weight:500;}
.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;}
.vm-card{padding:2.5rem;border-radius:var(--radius-lg);}
.vm-card.vision{background:var(--gradient-green);color:white;}
.vm-card.mission{background:var(--gradient-blue);color:white;}
.vm-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:10px;}
.vm-card p{opacity:0.9;line-height:1.75;font-size:0.97rem;}
.objectives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.objective-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:var(--transition);}
.objective-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--green-soft);}
.obj-icon{width:44px;height:44px;border-radius:10px;background:var(--green-pale);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.objective-item h4{font-weight:600;font-size:0.95rem;color:var(--dark);margin-bottom:0.3rem;}
.objective-item p{font-size:0.83rem;color:var(--gray-600);line-height:1.6;}

/* PROGRAMS */
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.program-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.program-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;}
.program-card-header{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.program-card-header::after{content:'';position:absolute;inset:0;background:inherit;opacity:0.08;transition:var(--transition);}
.program-card:hover .program-card-header::after{opacity:0.15;}
.program-card-header.c1{background:linear-gradient(135deg,#0a4a7c,#4da6e8);}
.program-card-header.c2{background:linear-gradient(135deg,#7c3a0a,#e87e4d);}
.program-card-header.c3{background:linear-gradient(135deg,#0d6b3c,#34c27a);}
.program-card-header.c4{background:linear-gradient(135deg,#6b0d50,#c234a6);}
.program-card-header.c5{background:linear-gradient(135deg,#6b4b0d,#c2a034);}
.program-card-header.c6{background:linear-gradient(135deg,#3a0d6b,#7a34c2);}
.program-card-header.c7{background:linear-gradient(135deg,#0d6b5b,#34c2b2);}
.program-card-header.c8{background:linear-gradient(135deg,#6b0d1a,#c23450);}
.program-card-icon-big{font-size:3.5rem;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.2));}
.program-card-body{padding:1.5rem;}
.program-card-body h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:0.6rem;}
.program-card-body p{font-size:0.86rem;color:var(--gray-600);line-height:1.65;margin-bottom:1.25rem;}

/* IMPACT */
.big-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:5rem;}
.big-stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:var(--transition);}
.big-stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.big-stat-card .icon{width:60px;height:60px;border-radius:14px;background:var(--gradient-green);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem;}
.big-stat-card .num{font-family:var(--font-display);font-size:2.6rem;font-weight:800;color:var(--dark);line-height:1;margin-bottom:0.3rem;}
.big-stat-card .lbl{font-size:0.85rem;color:var(--gray-600);font-weight:500;}

/* TIMELINE */
.timeline{position:relative;padding:2rem 0;}
.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:2px;background:var(--gray-200);}
.timeline-item{display:grid;grid-template-columns:1fr 60px 1fr;gap:1rem;margin-bottom:3rem;align-items:center;}
.timeline-item:nth-child(odd) .timeline-content{grid-column:1;text-align:right;}
.timeline-item:nth-child(odd) .timeline-empty{grid-column:3;}
.timeline-item:nth-child(even) .timeline-content{grid-column:3;text-align:left;}
.timeline-item:nth-child(even) .timeline-empty{grid-column:1;}
.timeline-dot{grid-column:2;width:50px;height:50px;background:var(--gradient-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem;margin:0 auto;position:relative;z-index:1;box-shadow:0 0 0 6px var(--off-white),var(--shadow-glow);}
.timeline-content{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;transition:var(--transition);}
.timeline-content:hover{box-shadow:var(--shadow-md);transform:scale(1.02);}
.timeline-year{font-size:0.8rem;font-weight:700;color:var(--green-mid);letter-spacing:2px;text-transform:uppercase;margin-bottom:0.4rem;}
.timeline-content h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:0.4rem;}
.timeline-content p{font-size:0.85rem;color:var(--gray-600);line-height:1.6;}

/* TEAM */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.team-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;}
.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-green);transform:scaleX(0);transition:var(--transition);}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.team-card:hover::before{transform:scaleX(1);}
.team-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:white;font-family:var(--font-display);position:relative;}
.team-avatar::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:var(--gradient-green);z-index:-1;}
.team-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:0.3rem;}
.team-role{font-size:0.8rem;color:var(--green-mid);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.75rem;}
.team-card p{font-size:0.82rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem;}
.team-socials{display:flex;gap:8px;justify-content:center;}
.team-social{width:34px;height:34px;border-radius:50%;background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:0.85rem;transition:var(--transition);}
.team-social:hover{background:var(--green-deep);color:white;transform:translateY(-2px);}

/* GALLERY */
.gallery-filters{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;}
.gallery-filter-btn{padding:0.5rem 1.25rem;border-radius:50px;background:var(--gray-100);color:var(--gray-600);font-size:0.88rem;font-weight:500;transition:var(--transition);border:2px solid transparent;}
.gallery-filter-btn.active,.gallery-filter-btn:hover{background:var(--green-deep);color:white;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.gallery-item{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;}
.gallery-item-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;transition:transform 0.4s;}
.gallery-item:hover .gallery-item-inner{transform:scale(1.06);}
.gallery-overlay{position:absolute;inset:0;background:rgba(13,107,60,0.75);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;opacity:0;transition:var(--transition);gap:8px;}
.gallery-item:hover .gallery-overlay{opacity:1;}
.gallery-overlay i{font-size:1.8rem;}.gallery-overlay span{font-size:0.88rem;font-weight:600;}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);}
.lightbox.open{opacity:1;visibility:visible;}
.lightbox-content{max-width:700px;width:90%;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;position:relative;transform:scale(0.9);transition:transform 0.35s;}
.lightbox.open .lightbox-content{transform:scale(1);}
.lightbox-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:rgba(0,0,0,0.5);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:1;cursor:pointer;transition:var(--transition);}
.lightbox-close:hover{background:rgba(0,0,0,0.8);}
.lightbox-img{width:100%;height:360px;display:flex;align-items:center;justify-content:center;font-size:6rem;}
.lightbox-caption{padding:1.5rem;}
.lightbox-caption h3{font-family:var(--font-display);font-size:1.2rem;color:var(--dark);margin-bottom:0.4rem;}
.lightbox-caption p{color:var(--gray-600);font-size:0.9rem;}

/* DONATE */
.donate-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;}
.donate-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;}
.donate-card.featured{border-color:var(--green-mid);background:var(--gradient-green);color:white;}
.donate-card.featured .donate-label{color:rgba(255,255,255,0.8);}
.donate-card:not(.featured):hover{border-color:var(--green-mid);transform:translateY(-5px);box-shadow:var(--shadow-md);}
.donate-card .badge{position:absolute;top:1rem;right:1rem;background:var(--gold);color:white;font-size:0.72rem;font-weight:700;padding:0.25rem 0.75rem;border-radius:50px;text-transform:uppercase;letter-spacing:1px;}
.donate-icon{font-size:3rem;margin-bottom:1rem;}
.donate-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;}
.donate-label{font-size:0.85rem;color:var(--gray-600);margin-bottom:1.5rem;}
.donate-amounts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem;}
.donate-amount{padding:0.4rem 0.85rem;border:2px solid;border-radius:50px;font-weight:600;font-size:0.88rem;cursor:pointer;transition:var(--transition);}
.donate-card:not(.featured) .donate-amount{border-color:var(--green-mid);color:var(--green-deep);}
.donate-card:not(.featured) .donate-amount:hover,.donate-card:not(.featured) .donate-amount.selected{background:var(--green-deep);color:white;border-color:var(--green-deep);}
.donate-card.featured .donate-amount{border-color:rgba(255,255,255,0.5);color:white;}
.donate-card.featured .donate-amount:hover,.donate-card.featured .donate-amount.selected{background:white;color:var(--green-deep);border-color:white;}
.donate-form-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:3rem;max-width:640px;margin:0 auto;box-shadow:var(--shadow-md);}
.donate-form-card h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--dark);margin-bottom:0.5rem;}
.donate-form-card>p{color:var(--gray-600);font-size:0.92rem;margin-bottom:2rem;}

/* FORMS */
.form-group{margin-bottom:1.25rem;}
.form-label{display:block;font-size:0.88rem;font-weight:600;color:var(--dark);margin-bottom:0.5rem;}
.form-input,.form-select,.form-textarea{width:100%;padding:0.85rem 1rem;border:2px solid var(--gray-200);border-radius:10px;font-family:var(--font-body);font-size:0.92rem;color:var(--dark);background:var(--off-white);transition:var(--transition);outline:none;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green-mid);background:var(--white);box-shadow:0 0 0 3px rgba(26,150,87,0.1);}
.form-textarea{min-height:120px;resize:vertical;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.success-message{display:none;background:var(--green-pale);border:2px solid var(--green-soft);border-radius:12px;padding:1.5rem;text-align:center;margin-top:1rem;color:var(--green-deep);}
.success-message i{font-size:2rem;margin-bottom:0.5rem;display:block;}
.success-message.show{display:block;animation:fadeInUp 0.4s ease;}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start;}
.contact-info h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:1rem;}
.contact-info>p{color:var(--gray-600);line-height:1.8;margin-bottom:2rem;}
.contact-details{display:flex;flex-direction:column;gap:1rem;}
.contact-detail{display:flex;align-items:flex-start;gap:12px;padding:1.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;transition:var(--transition);}
.contact-detail:hover{border-color:var(--green-soft);box-shadow:var(--shadow-sm);}
.contact-detail-icon{width:44px;height:44px;border-radius:10px;background:var(--gradient-green);color:white;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.contact-detail h4{font-size:0.82rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.25rem;}
.contact-detail p{font-size:0.92rem;color:var(--dark);font-weight:500;}
.contact-form-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);}

/* VOLUNTEER */
.volunteer-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start;}
.volunteer-info h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:1rem;}
.volunteer-info>p{color:var(--gray-600);line-height:1.8;margin-bottom:2rem;}
.benefit-list{display:flex;flex-direction:column;gap:1rem;}
.benefit-item{display:flex;align-items:flex-start;gap:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:1rem 1.25rem;transition:var(--transition);}
.benefit-item:hover{border-color:var(--green-soft);box-shadow:var(--shadow-sm);}
.benefit-icon{width:38px;height:38px;background:var(--green-pale);color:var(--green-deep);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.benefit-item h4{font-weight:600;font-size:0.92rem;color:var(--dark);margin-bottom:0.2rem;}
.benefit-item p{font-size:0.82rem;color:var(--gray-600);}

/* FOOTER */
.footer{background:var(--dark);color:rgba(255,255,255,0.75);padding-top:4rem;}
[data-theme="dark"] .footer{background:#020617;}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 2rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08);}
.footer-brand .logo-text{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:white;margin-bottom:1rem;}
.footer-brand p{font-size:0.88rem;line-height:1.75;margin-bottom:1.5rem;}
.footer-socials{display:flex;gap:10px;}
.footer-social{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;font-size:0.95rem;transition:var(--transition);}
.footer-social:hover{background:var(--green-mid);color:white;transform:translateY(-3px);}
.footer-col h4{font-size:0.88rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:white;margin-bottom:1.25rem;}
.footer-links{display:flex;flex-direction:column;gap:0.6rem;}
.footer-link{font-size:0.88rem;transition:var(--transition);display:flex;align-items:center;gap:6px;cursor:pointer;}
.footer-link:hover{color:var(--green-soft);padding-left:4px;}
.footer-link::before{content:'→';font-size:0.8rem;opacity:0.5;}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:0.75rem;font-size:0.88rem;}
.footer-contact-item i{color:var(--green-soft);flex-shrink:0;margin-top:3px;}
.footer-bottom{padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;font-size:0.82rem;flex-wrap:wrap;gap:1rem;}
.footer-bottom p{opacity:0.6;}
.footer-bottom-links{display:flex;gap:1.5rem;}
.footer-bottom-links a{opacity:0.6;transition:opacity 0.3s;}
.footer-bottom-links a:hover{opacity:1;color:var(--green-soft);}

/* BACK TO TOP */
#back-to-top{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;background:var(--gradient-green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);z-index:900;opacity:0;transform:translateY(20px);}
#back-to-top.visible{opacity:1;transform:translateY(0);}
#back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}

/* ANIMATIONS */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
[data-aos]{opacity:0;transform:translateY(32px);transition:opacity 0.65s cubic-bezier(0.4,0,0.2,1),transform 0.65s cubic-bezier(0.4,0,0.2,1);}
[data-aos].aos-animate{opacity:1;transform:translateY(0);}
[data-aos="fade-right"]{transform:translateX(-35px);}[data-aos="fade-right"].aos-animate{transform:translateX(0);}
[data-aos="fade-left"]{transform:translateX(35px);}[data-aos="fade-left"].aos-animate{transform:translateX(0);}
[data-aos="zoom-in"]{transform:scale(0.88);}[data-aos="zoom-in"].aos-animate{transform:scale(1);}
[data-aos="flip-up"]{transform:rotateX(22deg) translateY(20px);opacity:0;}[data-aos="flip-up"].aos-animate{transform:none;opacity:1;}
[data-delay="100"]{transition-delay:0.1s;}[data-delay="150"]{transition-delay:0.15s;}[data-delay="200"]{transition-delay:0.2s;}
[data-delay="250"]{transition-delay:0.25s;}[data-delay="300"]{transition-delay:0.3s;}[data-delay="350"]{transition-delay:0.35s;}
[data-delay="400"]{transition-delay:0.4s;}[data-delay="450"]{transition-delay:0.45s;}[data-delay="500"]{transition-delay:0.5s;}

/* RESPONSIVE */
@media(max-width:1023px){
  .highlights-grid,.stats-grid,.big-stats-grid{grid-template-columns:repeat(2,1fr);}
  .projects-grid,.donate-cards,.testimonials-grid{grid-template-columns:1fr;}
  .programs-grid{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
  .about-grid,.volunteer-grid,.contact-grid{grid-template-columns:1fr;}
  .vision-mission-grid{grid-template-columns:1fr;}
  .objectives-grid{grid-template-columns:repeat(2,1fr);}
  .slide-content{grid-template-columns:1fr;}
  .slide-visual{display:none;}
  .slider-arrow{display:none;}
  .cta-section{margin:0 1rem 3rem;padding:2.5rem 1.5rem;}
  .timeline::before{left:30px;}
  .timeline-item{grid-template-columns:60px 1fr;}
  .timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{grid-column:2;text-align:left;}
  .timeline-item:nth-child(odd) .timeline-empty,.timeline-item:nth-child(even) .timeline-empty{display:none;}
  .timeline-dot{grid-column:1;}
}
@media(max-width:768px){
  .highlights-grid,.stats-grid,.big-stats-grid{grid-template-columns:1fr;}
  .programs-grid,.gallery-grid,.team-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .objectives-grid{grid-template-columns:1fr;}
  .section-wrapper{padding:3rem 1.25rem;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:480px){
  .programs-grid,.gallery-grid,.team-grid{grid-template-columns:1fr;}
  .slide-stats{flex-wrap:wrap;gap:1rem;}
  .btn-donate-nav.hide-xs{display:none;}
}

/* new added  */

/* LIGHTBOX SLIDER ARROWS - Add this to the bottom of your CSS */
.lb-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.6);
  color: white;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 10;
  transition: var(--transition);
}
.lb-nav-btn:hover {
  background: var(--green-deep);
}
#lb-prev { left: 15px; }
#lb-next { right: 15px; }

/* new end  */

/* =========================================
   CEO CARD SPECIAL STYLING (Bara & Responsive)
   ========================================= */

/* Desktop view me CEO ka card poori 4 columns ki jagah lega aur flex layout banayega */
@media (min-width: 1024px) {
  .team-grid .ceo-card {
    grid-column: span 4;
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding: 3rem;
    text-align: left;
    background: linear-gradient(to right, var(--white), var(--green-pale));
    border-color: var(--green-soft);
  }
  
  .ceo-card .ceo-img-wrapper {
    flex-shrink: 0;
    margin: 0;
  }
  
  .ceo-card .ceo-avatar {
    width: 160px;
    height: 160px;
    margin: 0;
    border-width: 4px;
  }
  
  .ceo-card h3 {
    font-size: 1.6rem;
  }
  
  .ceo-card .ceo-role {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
  }
  
  .ceo-card p {
    max-width: 800px;
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
  }
  
  .ceo-card .team-socials {
    justify-content: flex-start;
  }
}

/* Tablet view me CEO ka card 2 columns lega */
@media (max-width: 1023px) and (min-width: 769px) {
  .team-grid .ceo-card {
    grid-column: span 3; /* Tablet par 3 columns grid hota hai */
    background: linear-gradient(to bottom, var(--white), var(--green-pale));
    border-color: var(--green-soft);
  }
  .ceo-card .ceo-avatar {
    width: 130px;
    height: 130px;
  }
}

/* Mobile view par CEO image thori si bari hogi baqi sab se */
@media (max-width: 768px) {
  .team-grid .ceo-card {
    grid-column: span 2; /* Mobile par 2 columns grid hai */
    background: linear-gradient(to bottom, var(--white), var(--green-pale));
    border-color: var(--green-soft);
  }
  .ceo-card .ceo-avatar {
    width: 110px;
    height: 110px;
  }
}
/* =========================================
   ALL TEAM IMAGES STRICTLY EQUAL SIZE
   ========================================= */
.team-avatar-img, 
.team-grid .ceo-avatar {
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin: 0 auto 1rem !important;
  display: block !important;
  border: 3px solid var(--green-pale) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Desktop par CEO card ki alignment perfect rakhne ke liye */
@media (min-width: 1024px) {
  .team-grid .ceo-card .ceo-avatar {
    margin: 0 !important; /* Flexbox me side-by-side alignment ke liye */
  }
}

/* =========================================
   CEO FULL MESSAGE CARD (Bara Size & Premium Radius)
   ========================================= */
.team-grid .ceo-full-card {
  grid-column: 1 / -1 !important; /* Grid me poori 100% width lega */
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, var(--white) 0%, var(--green-pale) 100%);
  border: 2px solid var(--green-soft);
  border-radius: var(--radius-xl);
  padding: 2rem;
  gap: 2rem;
  text-align: left;
  box-shadow: var(--shadow-lg);
}

/* Desktop aur Tablet par side-by-side layout */
@media (min-width: 992px) {
  .team-grid .ceo-full-card {
    flex-direction: row;
    align-items: center;
    padding: 3rem;
    gap: 3rem;
  }
}

/* Side Image Container */
.ceo-side-image {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .ceo-side-image {
    width: 35%;
    margin: 0;
  }
}

/* Purane 110px size ko override kar ke bara aur pyara border-radius lagaya */
.team-grid .ceo-full-card .ceo-side-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 24px !important; /* Acha sa border-radius */
  object-fit: cover !important;
  margin: 0 !important;
  border: 4px solid var(--green-soft) !important;
  box-shadow: var(--shadow-md) !important;
  display: block !important;
  aspect-ratio: 4 / 5;
}

/* Full Message Content Styling */
.ceo-full-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ceo-tag {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--green-mid);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.ceo-full-card h3 {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--dark);
  margin-bottom: 0.2rem;
}

.ceo-full-card .ceo-role {
  font-size: 0.95rem;
  color: var(--green-deep);
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.ceo-msg-quote {
  font-size: 0.98rem;
  color: var(--gray-600);
  line-height: 1.85;
  font-style: italic;
  margin-bottom: 1.5rem;
  border-left: 4px solid var(--green-soft);
  padding-left: 1.25rem;
}

.ceo-full-card .team-socials {
  justify-content: flex-start;
}