/* index.html */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;
  --gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;
  --gl:#f4f6fb;--gy:#6b7280;--gd:#374151;
  --rd:14px;--tr:all 0.28s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--nv);border-radius:3px}

/* NAV */
body.page-home nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-home .nav-logo{display:flex;align-items:center;gap:12px}
body.page-home .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-home .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-home .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-home .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-home .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 14px;border-radius:8px;transition:var(--tr)}
body.page-home .nlinks a:hover,body.page-home .nlinks a.active{background:var(--nv);color:#fff}
body.page-home .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-home .ncta:hover{background:var(--gn2)!important}
body.page-home .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-home .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-home .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-home .hamburger.open span:nth-child(2){opacity:0}
body.page-home .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-home .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-home .mob-menu.open{display:block}
body.page-home .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-home .mob-menu a:last-child{border:none}

/* HERO */
body.page-home #home{min-height:100vh;padding:110px 6% 80px;background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
body.page-home #home::before{content:'';position:absolute;width:560px;height:560px;background:radial-gradient(circle,rgba(46,139,87,0.14) 0%,transparent 70%);top:-80px;right:-80px;border-radius:50%;pointer-events:none}
body.page-home .hero-in{position:relative;z-index:1;max-width:720px}
body.page-home .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:24px}
body.page-home h1{font-size:clamp(34px,5.5vw,60px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px}
body.page-home h1 span{color:#7ee8a2}
body.page-home .hero-desc{font-size:16px;color:rgba(255,255,255,0.78);line-height:1.8;margin-bottom:36px;max-width:560px}
body.page-home .hbtns{display:flex;gap:14px;flex-wrap:wrap}
body.page-home .bp{background:var(--gn);color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid var(--gn);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-home .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,0.35)}
body.page-home .bo{background:transparent;color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,0.38);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-home .bo:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}

/* SECTIONS */
body.page-home section{padding:80px 6%}
body.page-home .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-home .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-home .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:560px}
body.page-home .shdr{text-align:center;margin-bottom:52px}
body.page-home .shdr .ssub{margin:0 auto}

/* ABOUT */
body.page-home #about{background:#fff}
body.page-home .agrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
body.page-home .vlist{display:flex;flex-direction:column;gap:14px;margin:24px 0 28px}
body.page-home .vrow{display:flex;gap:14px;padding:18px;border-radius:var(--rd);background:var(--gl);border-left:3px solid var(--nv)}
body.page-home .vrow:nth-child(2){border-left-color:var(--gn)}
body.page-home .vrow:hover{box-shadow:0 4px 16px rgba(26,46,110,0.09);transform:translateX(3px);transition:var(--tr)}
body.page-home .vic{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
body.page-home .vic.v{background:rgba(26,46,110,0.1);color:var(--nv)}
body.page-home .vic.m{background:rgba(46,139,87,0.1);color:var(--gn)}
body.page-home .vlbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--nv);margin-bottom:4px}
body.page-home .vtxt{font-size:13px;color:var(--gy);line-height:1.6}
body.page-home .alink{display:inline-flex;align-items:center;gap:8px;color:var(--nv);font-size:13px;font-weight:700;border:2px solid var(--nv);padding:11px 24px;border-radius:9px;transition:var(--tr)}
body.page-home .alink:hover{background:var(--nv);color:#fff}
body.page-home .about-card{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);border-radius:22px;padding:44px 28px;text-align:center;position:relative;overflow:hidden}
body.page-home .about-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(46,139,87,0.2) 0%,transparent 60%)}
body.page-home .logo-img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:5px solid var(--gn);margin:0 auto 22px;display:block;box-shadow:0 6px 28px rgba(0,0,0,0.25);position:relative;z-index:1;background:#fff}
body.page-home .about-card h3{color:#fff;font-size:17px;font-weight:700;position:relative;z-index:1;margin-bottom:6px}
body.page-home .about-card p{color:rgba(255,255,255,0.58);font-size:12px;position:relative;z-index:1;margin-bottom:16px}
body.page-home .ribbon{background:var(--gn);color:#fff;font-size:11px;font-weight:700;padding:7px 20px;border-radius:20px;display:inline-block;position:relative;z-index:1;text-transform:uppercase;letter-spacing:0.8px}
body.page-home .spills{display:flex;gap:10px;justify-content:center;margin-top:20px;position:relative;z-index:1}
body.page-home .sp{background:rgba(255,255,255,0.12);border-radius:9px;padding:10px 16px;text-align:center}
body.page-home .spn{font-size:20px;font-weight:800;color:#7ee8a2}
body.page-home .spl{font-size:10px;color:rgba(255,255,255,0.5)}

/* PROGRAMS */
body.page-home #programs{background:var(--gl)}
body.page-home .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.page-home .pcard{background:#fff;border-radius:var(--rd);padding:26px 20px;box-shadow:0 3px 16px rgba(26,46,110,0.07);transition:var(--tr);border-bottom:3px solid transparent}
body.page-home .pcard:hover{transform:translateY(-6px);box-shadow:0 8px 28px rgba(26,46,110,0.14);border-bottom-color:var(--gn)}
body.page-home .pic{width:50px;height:50px;border-radius:12px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;transition:var(--tr)}
body.page-home .pcard:hover .pic{background:var(--nv)}
body.page-home .pcard:hover .pic i{filter:brightness(10)}
body.page-home .pcard h3{font-size:14px;font-weight:700;color:var(--nv);margin-bottom:8px}
body.page-home .pcard p{font-size:12px;color:var(--gy);line-height:1.65}
body.page-home .ptag{display:inline-block;margin-top:12px;font-size:10px;font-weight:600;color:var(--gn);text-transform:uppercase;letter-spacing:0.8px}
body.page-home .pmore{text-align:center;margin-top:36px}
body.page-home .pmore a{display:inline-flex;align-items:center;gap:8px;background:var(--nv);color:#fff;padding:13px 30px;border-radius:10px;font-size:14px;font-weight:700;transition:var(--tr)}
body.page-home .pmore a:hover{background:var(--nv2);transform:translateY(-2px)}

/* GET INVOLVED */
body.page-home #involved{background:#fff}
body.page-home .igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-home .icard{background:var(--gl);border-radius:var(--rd);padding:36px 24px;text-align:center;transition:var(--tr);position:relative;overflow:hidden}
body.page-home .icard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gn);transform:scaleX(0);transition:var(--tr);transform-origin:left}
body.page-home .icard:hover::after{transform:scaleX(1)}
body.page-home .icard:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(26,46,110,0.12)}
body.page-home .iico{width:68px;height:68px;border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:28px}
body.page-home .iico.d{background:rgba(26,46,110,0.09);color:var(--nv)}
body.page-home .iico.p{background:rgba(46,139,87,0.09);color:var(--gn)}
body.page-home .iico.v{background:rgba(201,120,0,0.09);color:#c97800}
body.page-home .icard h3{font-size:18px;font-weight:700;color:var(--nv);margin-bottom:10px}
body.page-home .icard p{font-size:13px;color:var(--gy);line-height:1.7;margin-bottom:22px}
body.page-home .ibtn{display:inline-block;padding:11px 24px;border-radius:8px;font-size:13px;font-weight:700;transition:var(--tr)}
body.page-home .ibtn.n{background:var(--nv);color:#fff}
body.page-home .ibtn.n:hover{background:var(--nv2);transform:translateY(-2px)}
body.page-home .ibtn.g{background:var(--gn);color:#fff}
body.page-home .ibtn.g:hover{background:var(--gn2);transform:translateY(-2px)}
body.page-home .ibtn.a{background:#c97800;color:#fff}
body.page-home .ibtn.a:hover{background:#a86200;transform:translateY(-2px)}

/* FOOTER */
body.page-home footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-home .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-home .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-home .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-home .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-home .ftc a:hover{color:#7ee8a2}
body.page-home .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-home .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-home .ftbot span{color:var(--gn)}
body.page-home .srow{display:flex;gap:9px}
body.page-home .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-home .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-home .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-home .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-home .sb:hover{transform:translateY(-2px)}

body.page-home .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-home .fi.in{opacity:1;transform:translateY(0)}
body.page-home .fd1{transition-delay:0.1s}body.page-home .fd2{transition-delay:0.2s}

@media(max-width:900px){body.page-home .ftg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
  body.page-home section{padding:60px 5%}
  body.page-home #home{padding:100px 5% 72px}
  body.page-home .nlinks{display:none}
  body.page-home .hamburger{display:block}
  body.page-home .agrid{grid-template-columns:1fr}
  body.page-home .about-card{display:none}
  body.page-home .pgrid,body.page-home .igrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  body.page-home .pgrid,body.page-home .igrid{grid-template-columns:1fr}
  body.page-home .ftg{grid-template-columns:1fr}
  body.page-home .hbtns{flex-direction:column}
}

/* about.html */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;
  --gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;
  --gl:#f4f6fb;--gy:#6b7280;--gd:#374151;
  --rd:14px;--tr:all 0.28s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--nv);border-radius:3px}

/* NAV */
body.page-about nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-about .nav-logo{display:flex;align-items:center;gap:12px}
body.page-about .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-about .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-about .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-about .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-about .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 14px;border-radius:8px;transition:var(--tr)}
body.page-about .nlinks a:hover,body.page-about .nlinks a.active{background:var(--nv);color:#fff}
body.page-about .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-about .ncta:hover{background:var(--gn2)!important}
body.page-about .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-about .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-about .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-about .hamburger.open span:nth-child(2){opacity:0}
body.page-about .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-about .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-about .mob-menu.open{display:block}
body.page-about .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-about .mob-menu a:last-child{border:none}

/* PAGE HERO */
body.page-about .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden}
body.page-about .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,0.13) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-about .phero-in{position:relative;z-index:1;text-align:center}
body.page-about .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:20px}
body.page-about .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
body.page-about .phero h1 span{color:#7ee8a2}
body.page-about .phero p{font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:560px;margin:0 auto}

/* SECTIONS */
body.page-about section{padding:80px 6%}
body.page-about .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-about .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-about .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:560px}
body.page-about .shdr{text-align:center;margin-bottom:52px}
body.page-about .shdr .ssub{margin:0 auto}

/* HISTORY */
body.page-about #history{background:#fff}
body.page-about .hist-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
body.page-about .hist-txt p{font-size:14px;color:var(--gy);line-height:1.8;margin-bottom:14px}
body.page-about .hist-card{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);border-radius:22px;padding:44px 28px;text-align:center;position:relative;overflow:hidden}
body.page-about .hist-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(46,139,87,0.2) 0%,transparent 60%)}
body.page-about .hist-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid var(--gn);margin:0 auto 20px;display:block;box-shadow:0 6px 28px rgba(0,0,0,0.25);position:relative;z-index:1;background:#fff}
body.page-about .hist-card h3{color:#fff;font-size:17px;font-weight:700;position:relative;z-index:1;margin-bottom:6px}
body.page-about .hist-card p{color:rgba(255,255,255,0.58);font-size:12px;position:relative;z-index:1;margin-bottom:16px}
body.page-about .ribbon{background:var(--gn);color:#fff;font-size:11px;font-weight:700;padding:7px 20px;border-radius:20px;display:inline-block;position:relative;z-index:1;text-transform:uppercase;letter-spacing:0.8px}
body.page-about .spills{display:flex;gap:10px;justify-content:center;margin-top:20px;position:relative;z-index:1}
body.page-about .sp{background:rgba(255,255,255,0.12);border-radius:9px;padding:10px 16px;text-align:center}
body.page-about .spn{font-size:20px;font-weight:800;color:#7ee8a2}
body.page-about .spl{font-size:10px;color:rgba(255,255,255,0.5)}

/* VISION MISSION */
body.page-about #vismis{background:var(--gl)}
body.page-about .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.page-about .vm-card{background:#fff;border-radius:var(--rd);padding:36px 28px;box-shadow:0 3px 16px rgba(26,46,110,0.07);border-top:4px solid var(--nv)}
body.page-about .vm-card:nth-child(2){border-top-color:var(--gn)}
body.page-about .vm-ico{width:54px;height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
body.page-about .vm-ico.v{background:rgba(26,46,110,0.09);color:var(--nv)}
body.page-about .vm-ico.m{background:rgba(46,139,87,0.09);color:var(--gn)}
body.page-about .vm-card h3{font-size:17px;font-weight:700;color:var(--nv);margin-bottom:10px}
body.page-about .vm-card p{font-size:13px;color:var(--gy);line-height:1.8}

/* VALUES */
body.page-about #values{background:#fff}
body.page-about .val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-about .val-card{background:var(--gl);border-radius:var(--rd);padding:26px 20px;text-align:center;transition:var(--tr)}
body.page-about .val-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(26,46,110,0.12);background:var(--nv)}
body.page-about .val-card:hover .val-ico,body.page-about .val-card:hover h4,body.page-about .val-card:hover p{color:#fff}
body.page-about .val-ico{font-size:26px;color:var(--nv);margin-bottom:12px;transition:var(--tr)}
body.page-about .val-card h4{font-size:13px;font-weight:700;color:var(--nv);margin-bottom:6px;transition:var(--tr)}
body.page-about .val-card p{font-size:11px;color:var(--gy);line-height:1.6;transition:var(--tr)}

/* GOALS */
body.page-about #goals{background:var(--gl)}
body.page-about .goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
body.page-about .goal-item{background:#fff;border-radius:var(--rd);padding:24px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 2px 12px rgba(26,46,110,0.06);transition:var(--tr)}
body.page-about .goal-item:hover{transform:translateX(4px);box-shadow:0 4px 20px rgba(26,46,110,0.12)}
body.page-about .goal-num{width:36px;height:36px;border-radius:9px;background:var(--nv);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.page-about .goal-item h4{font-size:13px;font-weight:700;color:var(--nv);margin-bottom:4px}
body.page-about .goal-item p{font-size:12px;color:var(--gy);line-height:1.6}

/* LOCATIONS */
body.page-about #locations{background:#fff}
body.page-about .loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-about .loc-card{background:var(--gl);border-radius:var(--rd);padding:22px;display:flex;align-items:center;gap:14px;transition:var(--tr)}
body.page-about .loc-card:hover{background:var(--nv);color:#fff}
body.page-about .loc-card:hover .loc-name,body.page-about .loc-card:hover .loc-state{color:#fff}
body.page-about .loc-ico{width:40px;height:40px;border-radius:10px;background:rgba(26,46,110,0.09);color:var(--nv);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:var(--tr)}
body.page-about .loc-card:hover .loc-ico{background:rgba(255,255,255,0.15);color:#7ee8a2}
body.page-about .loc-name{font-size:13px;font-weight:700;color:var(--nv);transition:var(--tr)}
body.page-about .loc-state{font-size:11px;color:var(--gy);transition:var(--tr)}

/* CTA */
body.page-about #cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-about #cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin-bottom:14px}
body.page-about #cta p{font-size:14px;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto 32px;line-height:1.8}
body.page-about .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-about .bp{background:var(--gn);color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid var(--gn);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-about .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,0.35)}
body.page-about .bo{background:transparent;color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,0.38);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-about .bo:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}

/* FOOTER */
body.page-about footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-about .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-about .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-about .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-about .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-about .ftc a:hover{color:#7ee8a2}
body.page-about .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-about .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-about .ftbot span{color:var(--gn)}
body.page-about .srow{display:flex;gap:9px}
body.page-about .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-about .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-about .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-about .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-about .sb:hover{transform:translateY(-2px)}

body.page-about .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-about .fi.in{opacity:1;transform:translateY(0)}
body.page-about .fd1{transition-delay:0.1s}body.page-about .fd2{transition-delay:0.2s}body.page-about .fd3{transition-delay:0.3s}

@media(max-width:900px){body.page-about .ftg{grid-template-columns:1fr 1fr}body.page-about .hist-grid{grid-template-columns:1fr}body.page-about .vm-grid{grid-template-columns:1fr}body.page-about .val-grid{grid-template-columns:1fr 1fr}body.page-about .goal-grid{grid-template-columns:1fr 1fr}body.page-about .loc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body.page-about section{padding:60px 5%}body.page-about .nlinks{display:none}body.page-about .hamburger{display:block}body.page-about .hist-card{display:none}}
@media(max-width:480px){body.page-about .val-grid,body.page-about .goal-grid,body.page-about .loc-grid{grid-template-columns:1fr}body.page-about .ftg{grid-template-columns:1fr}}

/* programs.html */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;
  --gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;
  --gl:#f4f6fb;--gy:#6b7280;--gd:#374151;
  --rd:14px;--tr:all 0.28s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--nv);border-radius:3px}

/* NAV */
body.page-programs nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-programs .nav-logo{display:flex;align-items:center;gap:12px}
body.page-programs .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-programs .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-programs .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-programs .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-programs .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 14px;border-radius:8px;transition:var(--tr)}
body.page-programs .nlinks a:hover,body.page-programs .nlinks a.active{background:var(--nv);color:#fff}
body.page-programs .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-programs .ncta:hover{background:var(--gn2)!important}
body.page-programs .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-programs .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-programs .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-programs .hamburger.open span:nth-child(2){opacity:0}
body.page-programs .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-programs .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-programs .mob-menu.open{display:block}
body.page-programs .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-programs .mob-menu a:last-child{border:none}

/* PAGE HERO */
body.page-programs .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden}
body.page-programs .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,0.13) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-programs .phero-in{position:relative;z-index:1;text-align:center}
body.page-programs .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:20px}
body.page-programs .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
body.page-programs .phero h1 span{color:#7ee8a2}
body.page-programs .phero p{font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:560px;margin:0 auto}

/* SECTIONS */
body.page-programs section{padding:80px 6%}
body.page-programs .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-programs .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-programs .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:560px}
body.page-programs .shdr{text-align:center;margin-bottom:52px}
body.page-programs .shdr .ssub{margin:0 auto}

/* PROGRAM CARDS */
body.page-programs #programs{background:var(--gl)}
body.page-programs .prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
body.page-programs .prog-card{background:#fff;border-radius:var(--rd);overflow:hidden;box-shadow:0 3px 16px rgba(26,46,110,0.07);transition:var(--tr)}
body.page-programs .prog-card:hover{transform:translateY(-6px);box-shadow:0 10px 32px rgba(26,46,110,0.14)}
body.page-programs .prog-head{padding:28px 24px 20px;display:flex;align-items:flex-start;gap:16px}
body.page-programs .prog-ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
body.page-programs .prog-card h3{font-size:15px;font-weight:700;color:var(--nv);margin-bottom:4px}
body.page-programs .prog-num{font-size:10px;font-weight:600;color:var(--gn);text-transform:uppercase;letter-spacing:1px}
body.page-programs .prog-body{padding:0 24px 24px}
body.page-programs .prog-body p{font-size:13px;color:var(--gy);line-height:1.7;margin-bottom:16px}
body.page-programs .prog-acts{list-style:none;display:flex;flex-direction:column;gap:7px}
body.page-programs .prog-acts li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--gd)}
body.page-programs .prog-acts li i{font-size:10px;color:var(--gn);margin-top:3px;flex-shrink:0}

/* CTA */
body.page-programs #cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-programs #cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin-bottom:14px}
body.page-programs #cta p{font-size:14px;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto 32px;line-height:1.8}
body.page-programs .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-programs .bp{background:var(--gn);color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid var(--gn);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-programs .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,0.35)}
body.page-programs .bo{background:transparent;color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,0.38);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-programs .bo:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}

/* FOOTER */
body.page-programs footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-programs .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-programs .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-programs .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-programs .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-programs .ftc a:hover{color:#7ee8a2}
body.page-programs .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-programs .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-programs .ftbot span{color:var(--gn)}
body.page-programs .srow{display:flex;gap:9px}
body.page-programs .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-programs .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-programs .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-programs .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-programs .sb:hover{transform:translateY(-2px)}

body.page-programs .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-programs .fi.in{opacity:1;transform:translateY(0)}
body.page-programs .fd1{transition-delay:0.1s}body.page-programs .fd2{transition-delay:0.2s}body.page-programs .fd3{transition-delay:0.3s}

@media(max-width:900px){body.page-programs .ftg{grid-template-columns:1fr 1fr}body.page-programs .prog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body.page-programs section{padding:60px 5%}body.page-programs .nlinks{display:none}body.page-programs .hamburger{display:block}}
@media(max-width:480px){body.page-programs .prog-grid{grid-template-columns:1fr}body.page-programs .ftg{grid-template-columns:1fr}}

/* PROGRAM POSTER GALLERY */
body.page-programs .poster-gallery{column-count:3;column-gap:18px}
@media(max-width:900px){body.page-programs .poster-gallery{column-count:2}}
@media(max-width:560px){body.page-programs .poster-gallery{column-count:1}}
body.page-programs .poster-gallery.hl{column-count:2;max-width:760px;margin:0 auto}
@media(max-width:560px){body.page-programs .poster-gallery.hl{column-count:1}}
body.page-programs .poster{break-inside:avoid;display:block;margin:0 0 18px;border-radius:var(--rd);overflow:hidden;box-shadow:0 4px 16px rgba(26,46,110,0.1);background:#fff;cursor:zoom-in;transition:var(--tr)}
body.page-programs .poster:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(26,46,110,0.16)}
body.page-programs .poster img{width:100%;display:block}
body.page-programs .poster-ph{cursor:default;aspect-ratio:3/4;background:linear-gradient(150deg,var(--nv) 0%,var(--nv3) 60%,var(--gn) 150%);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px}
body.page-programs .poster-ph:hover{transform:none;box-shadow:0 4px 16px rgba(26,46,110,0.1)}
body.page-programs .ph-in i{font-size:46px;color:#7ee8a2;margin-bottom:14px}
body.page-programs .ph-in h3{font-size:20px;font-weight:700;margin-bottom:8px}
body.page-programs .ph-in p{font-size:11px;color:rgba(255,255,255,0.72);text-transform:uppercase;letter-spacing:1.5px}
body.page-programs #highlights{background:#fff}
body.page-programs .lb{display:none;position:fixed;inset:0;z-index:9999;background:rgba(10,20,40,0.93);align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
body.page-programs .lb.open{display:flex}
body.page-programs .lb img{max-width:96%;max-height:94vh;border-radius:8px;box-shadow:0 12px 44px rgba(0,0,0,0.5)}
body.page-programs .lb-close{position:absolute;top:16px;right:26px;color:#fff;font-size:40px;line-height:1;cursor:pointer;font-weight:300}

/* team.html */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;
  --gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;
  --gl:#f4f6fb;--gy:#6b7280;--gd:#374151;
  --rd:14px;--tr:all 0.28s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--nv);border-radius:3px}

/* NAV */
body.page-team nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-team .nav-logo{display:flex;align-items:center;gap:12px}
body.page-team .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-team .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-team .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-team .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-team .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 14px;border-radius:8px;transition:var(--tr)}
body.page-team .nlinks a:hover,body.page-team .nlinks a.active{background:var(--nv);color:#fff}
body.page-team .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-team .ncta:hover{background:var(--gn2)!important}
body.page-team .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-team .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-team .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-team .hamburger.open span:nth-child(2){opacity:0}
body.page-team .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-team .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-team .mob-menu.open{display:block}
body.page-team .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-team .mob-menu a:last-child{border:none}

/* PAGE HERO */
body.page-team .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden}
body.page-team .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,0.13) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-team .phero-in{position:relative;z-index:1;text-align:center}
body.page-team .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:20px}
body.page-team .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
body.page-team .phero h1 span{color:#7ee8a2}
body.page-team .phero p{font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:560px;margin:0 auto}

/* SECTIONS */
body.page-team section{padding:80px 6%}
body.page-team .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-team .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-team .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:560px}
body.page-team .shdr{text-align:center;margin-bottom:52px}
body.page-team .shdr .ssub{margin:0 auto}

/* TEAM GRID */
body.page-team #team{background:var(--gl)}
body.page-team .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
body.page-team .tmember{background:#fff;border-radius:var(--rd);padding:24px 18px;text-align:center;box-shadow:0 3px 14px rgba(26,46,110,0.07);transition:var(--tr);border-bottom:3px solid transparent}
body.page-team .tmember:hover{transform:translateY(-5px);box-shadow:0 8px 26px rgba(26,46,110,0.13);border-bottom-color:var(--gn)}
body.page-team .tavatar{position:relative;overflow:hidden;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:22px;font-weight:800;color:#fff;border:3px solid var(--gn3)}
body.page-team .tavatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.page-team .tname{font-size:13px;font-weight:700;color:var(--nv);margin-bottom:5px;line-height:1.3}
body.page-team .trole{font-size:11px;color:var(--gn);font-weight:600;background:var(--gn3);padding:3px 10px;border-radius:20px;display:inline-block}
body.page-team .tnum{font-size:10px;color:var(--gy);margin-top:8px}


/* CTA */
body.page-team #cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-team #cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin-bottom:14px}
body.page-team #cta p{font-size:14px;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto 32px;line-height:1.8}
body.page-team .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-team .bp{background:var(--gn);color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid var(--gn);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-team .bp:hover{background:var(--gn2);transform:translateY(-2px)}
body.page-team .bo{background:transparent;color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,0.38);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-team .bo:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}

/* FOOTER */
body.page-team footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-team .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-team .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-team .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-team .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-team .ftc a:hover{color:#7ee8a2}
body.page-team .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-team .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-team .ftbot span{color:var(--gn)}
body.page-team .srow{display:flex;gap:9px}
body.page-team .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-team .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-team .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-team .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-team .sb:hover{transform:translateY(-2px)}

body.page-team .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-team .fi.in{opacity:1;transform:translateY(0)}
body.page-team .fd1{transition-delay:0.1s}body.page-team .fd2{transition-delay:0.2s}body.page-team .fd3{transition-delay:0.3s}

@media(max-width:900px){body.page-team .ftg{grid-template-columns:1fr 1fr}body.page-team .team-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:768px){body.page-team section{padding:60px 5%}body.page-team .nlinks{display:none}body.page-team .hamburger{display:block}body.page-team .team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body.page-team .team-grid{grid-template-columns:1fr}body.page-team .ftg{grid-template-columns:1fr}}

/* contact.html */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;
  --gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;
  --gl:#f4f6fb;--gy:#6b7280;--gd:#374151;
  --rd:14px;--tr:all 0.28s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--nv);border-radius:3px}

/* NAV */
body.page-contact nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-contact .nav-logo{display:flex;align-items:center;gap:12px}
body.page-contact .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-contact .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-contact .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-contact .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-contact .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 14px;border-radius:8px;transition:var(--tr)}
body.page-contact .nlinks a:hover,body.page-contact .nlinks a.active{background:var(--nv);color:#fff}
body.page-contact .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-contact .ncta:hover{background:var(--gn2)!important}
body.page-contact .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-contact .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-contact .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-contact .hamburger.open span:nth-child(2){opacity:0}
body.page-contact .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-contact .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-contact .mob-menu.open{display:block}
body.page-contact .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-contact .mob-menu a:last-child{border:none}

/* PAGE HERO */
body.page-contact .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden}
body.page-contact .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,0.13) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-contact .phero-in{position:relative;z-index:1;text-align:center}
body.page-contact .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:20px}
body.page-contact .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
body.page-contact .phero h1 span{color:#7ee8a2}
body.page-contact .phero p{font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:560px;margin:0 auto}

/* SECTIONS */
body.page-contact section{padding:80px 6%}
body.page-contact .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-contact .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-contact .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:560px}
body.page-contact .shdr{text-align:center;margin-bottom:52px}
body.page-contact .shdr .ssub{margin:0 auto}

/* WAYS TO GET INVOLVED */
body.page-contact #involved{background:var(--gl)}
body.page-contact .igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-contact .icard{background:#fff;border-radius:var(--rd);padding:36px 24px;text-align:center;transition:var(--tr);position:relative;overflow:hidden}
body.page-contact .icard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gn);transform:scaleX(0);transition:var(--tr);transform-origin:left}
body.page-contact .icard:hover::after{transform:scaleX(1)}
body.page-contact .icard:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(26,46,110,0.12)}
body.page-contact .iico{width:68px;height:68px;border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:28px}
body.page-contact .iico.d{background:rgba(26,46,110,0.09);color:var(--nv)}
body.page-contact .iico.p{background:rgba(46,139,87,0.09);color:var(--gn)}
body.page-contact .iico.v{background:rgba(201,120,0,0.09);color:#c97800}
body.page-contact .icard h3{font-size:18px;font-weight:700;color:var(--nv);margin-bottom:10px}
body.page-contact .icard p{font-size:13px;color:var(--gy);line-height:1.7;margin-bottom:22px}
body.page-contact .ibtn{display:inline-block;padding:11px 24px;border-radius:8px;font-size:13px;font-weight:700;transition:var(--tr)}
body.page-contact .ibtn.n{background:var(--nv);color:#fff}
body.page-contact .ibtn.n:hover{background:var(--nv2);transform:translateY(-2px)}
body.page-contact .ibtn.g{background:var(--gn);color:#fff}
body.page-contact .ibtn.g:hover{background:var(--gn2);transform:translateY(-2px)}
body.page-contact .ibtn.a{background:#c97800;color:#fff}
body.page-contact .ibtn.a:hover{background:#a86200;transform:translateY(-2px)}

/* CONTACT DETAILS */
body.page-contact #contact{background:#fff}
body.page-contact .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
body.page-contact .cinfo{display:flex;flex-direction:column;gap:18px}
body.page-contact .crow{display:flex;gap:16px;padding:20px;background:var(--gl);border-radius:var(--rd);transition:var(--tr)}
body.page-contact .crow:hover{box-shadow:0 4px 16px rgba(26,46,110,0.1);transform:translateX(3px)}
body.page-contact .cico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
body.page-contact .cico.n{background:rgba(26,46,110,0.1);color:var(--nv)}
body.page-contact .cico.g{background:rgba(46,139,87,0.1);color:var(--gn)}
body.page-contact .cico.b{background:rgba(29,161,242,0.1);color:#1da1f2}
body.page-contact .cico.f{background:rgba(24,119,242,0.1);color:#1877f2}
body.page-contact .clbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--nv);margin-bottom:3px}
body.page-contact .cval{font-size:13px;color:var(--gd);line-height:1.5}
body.page-contact .cval a{color:var(--gn);font-weight:500}
body.page-contact .cval a:hover{text-decoration:underline}

/* MAP CARD */
body.page-contact .map-card{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);border-radius:22px;padding:40px 30px;color:#fff;position:relative;overflow:hidden}
body.page-contact .map-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(46,139,87,0.2) 0%,transparent 60%)}
body.page-contact .map-card h3{font-size:20px;font-weight:800;margin-bottom:8px;position:relative;z-index:1}
body.page-contact .map-card .addr{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.7;position:relative;z-index:1;margin-bottom:24px}
body.page-contact .map-block{background:rgba(255,255,255,0.07);border-radius:var(--rd);padding:18px;position:relative;z-index:1}
body.page-contact .map-row{display:flex;align-items:center;gap:11px;margin-bottom:11px}
body.page-contact .map-row:last-child{margin:0}
body.page-contact .map-row i{color:#7ee8a2;font-size:14px;width:18px}
body.page-contact .map-row span{font-size:12px;color:rgba(255,255,255,0.75)}
body.page-contact .social-strip{display:flex;flex-direction:column;gap:12px;margin-top:26px;position:relative;z-index:1}
body.page-contact .slink{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.07);border-radius:10px;padding:12px 16px;transition:var(--tr)}
body.page-contact .slink:hover{background:rgba(255,255,255,0.14)}
body.page-contact .slink i{font-size:16px;width:22px;text-align:center}
body.page-contact .slink span{font-size:12px;color:rgba(255,255,255,0.75)}
body.page-contact .fb-color{color:#4a90e2}
body.page-contact .tw-color{color:#5ab9ea}
body.page-contact .em-color{color:#7ee8a2}

/* FOOTER */
body.page-contact footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-contact .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-contact .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-contact .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-contact .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-contact .ftc a:hover{color:#7ee8a2}
body.page-contact .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-contact .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-contact .ftbot span{color:var(--gn)}
body.page-contact .srow{display:flex;gap:9px}
body.page-contact .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-contact .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-contact .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-contact .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-contact .sb:hover{transform:translateY(-2px)}

body.page-contact .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-contact .fi.in{opacity:1;transform:translateY(0)}
body.page-contact .fd1{transition-delay:0.1s}body.page-contact .fd2{transition-delay:0.2s}body.page-contact .fd3{transition-delay:0.3s}

@media(max-width:900px){body.page-contact .ftg{grid-template-columns:1fr 1fr}body.page-contact .cgrid{grid-template-columns:1fr}body.page-contact .igrid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body.page-contact section{padding:60px 5%}body.page-contact .nlinks{display:none}body.page-contact .hamburger{display:block}}
@media(max-width:480px){body.page-contact .igrid{grid-template-columns:1fr}body.page-contact .ftg{grid-template-columns:1fr}}


/* DONATION BANK DETAILS */
body.page-home .bank-details,
body.page-contact .bank-details{
  background:rgba(255,255,255,0.9);
  border:1px solid rgba(26,46,110,0.1);
  border-radius:12px;
  padding:14px;
  margin:0 0 20px;
  text-align:left;
  box-shadow:0 3px 14px rgba(26,46,110,0.06);
}
body.page-contact .bank-details{background:var(--gl)}
body.page-home .bank-title,
body.page-contact .bank-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  color:var(--nv);
  margin-bottom:10px;
}
body.page-home .bank-title i,
body.page-contact .bank-title i{color:var(--gn)}
body.page-home .bank-row,
body.page-contact .bank-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:8px 0;
  border-top:1px solid rgba(26,46,110,0.08);
}
body.page-home .bank-row span,
body.page-contact .bank-row span{
  font-size:11px;
  font-weight:700;
  color:var(--gy);
  white-space:nowrap;
}
body.page-home .bank-row strong,
body.page-contact .bank-row strong{
  font-size:12px;
  font-weight:800;
  color:var(--nv);
  text-align:right;
  word-break:break-word;
}
@media(max-width:480px){
  body.page-home .bank-row,
  body.page-contact .bank-row{display:block}
  body.page-home .bank-row strong,
  body.page-contact .bank-row strong{display:block;text-align:left;margin-top:3px}
}


/* projects.html */
body.page-projects nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,0.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,0.07)}
body.page-projects .nav-logo{display:flex;align-items:center;gap:12px}
body.page-projects .nav-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-projects .norg{font-size:13px;font-weight:700;color:var(--nv);display:block}
body.page-projects .nsub{font-size:11px;color:var(--gn);font-weight:600}
body.page-projects .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-projects .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 13px;border-radius:8px;transition:var(--tr)}
body.page-projects .nlinks a:hover,body.page-projects .nlinks a.active{background:var(--nv);color:#fff}
body.page-projects .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-projects .ncta:hover{background:var(--gn2)!important}
body.page-projects .hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px}
body.page-projects .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-projects .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-projects .hamburger.open span:nth-child(2){opacity:0}
body.page-projects .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-projects .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,0.1);z-index:998}
body.page-projects .mob-menu.open{display:block}
body.page-projects .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-projects .mob-menu a:last-child{border:none}

body.page-projects .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden}
body.page-projects .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,0.13) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-projects .phero-in{position:relative;z-index:1;text-align:center}
body.page-projects .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,0.2);border:1px solid rgba(46,139,87,0.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:20px}
body.page-projects .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
body.page-projects .phero h1 span{color:#7ee8a2}
body.page-projects .phero p{font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:620px;margin:0 auto}

body.page-projects section{padding:80px 6%}
body.page-projects .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-projects .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin-bottom:14px;line-height:1.2}
body.page-projects .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:620px}
body.page-projects .shdr{text-align:center;margin-bottom:52px}
body.page-projects .shdr .ssub{margin:0 auto}

body.page-projects #projects{background:var(--gl)}
body.page-projects .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
body.page-projects .project-card{background:#fff;border-radius:var(--rd);overflow:hidden;box-shadow:0 3px 16px rgba(26,46,110,0.07);transition:var(--tr);border-bottom:3px solid transparent}
body.page-projects .project-card:hover{transform:translateY(-6px);box-shadow:0 10px 32px rgba(26,46,110,0.14);border-bottom-color:var(--gn)}
body.page-projects .project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}
body.page-projects .project-featured:hover{transform:translateY(-4px)}
body.page-projects .project-gallery{display:grid;grid-template-rows:1fr 145px;gap:10px;padding:14px;background:#f3f7f2}
body.page-projects .project-main-photo{height:100%;min-height:340px;border-radius:14px;overflow:hidden;background:#e8edf7}
body.page-projects .project-main-photo img{width:100%;height:100%;object-fit:cover;display:block}
body.page-projects .project-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.page-projects .project-thumbs img{width:100%;height:145px;object-fit:cover;border-radius:12px;display:block}
body.page-projects .project-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
body.page-projects .project-impact div{background:var(--gn3);border:1px solid rgba(46,139,87,0.14);border-radius:12px;padding:13px 12px}
body.page-projects .project-impact strong{display:block;font-size:16px;font-weight:800;color:var(--nv);line-height:1.2;margin-bottom:4px}
body.page-projects .project-impact span{display:block;font-size:11px;color:var(--gy);line-height:1.5}
body.page-projects .project-media{height:210px;background:#e8edf7;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--nv)}
body.page-projects .project-media img{width:100%;height:100%;object-fit:cover;display:block}
body.page-projects .project-media.placeholder{background:linear-gradient(135deg,rgba(26,46,110,0.08),rgba(46,139,87,0.13))}
body.page-projects .project-media.placeholder i{font-size:40px;color:var(--gn)}
body.page-projects .project-media.placeholder span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--nv)}
body.page-projects .project-body{padding:24px}
body.page-projects .project-tag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;color:var(--gn);background:var(--gn3);padding:5px 10px;border-radius:999px;margin-bottom:12px}
body.page-projects .project-card h3{font-size:18px;font-weight:800;color:var(--nv);margin-bottom:10px;line-height:1.3}
body.page-projects .project-card p{font-size:13px;color:var(--gy);line-height:1.75;margin-bottom:18px}
body.page-projects .project-meta{list-style:none;display:flex;flex-direction:column;gap:9px;border-top:1px solid rgba(26,46,110,0.08);padding-top:16px}
body.page-projects .project-meta li{font-size:12px;color:var(--gd);display:flex;gap:9px;align-items:flex-start}
body.page-projects .project-meta i{font-size:12px;color:var(--gn);width:14px;margin-top:2px}

body.page-projects #cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-projects #cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin-bottom:14px}
body.page-projects #cta p{font-size:14px;color:rgba(255,255,255,0.7);max-width:560px;margin:0 auto 32px;line-height:1.8}
body.page-projects .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-projects .bp{background:var(--gn);color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid var(--gn);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-projects .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,0.35)}
body.page-projects .bo{background:transparent;color:#fff;padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,0.38);display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-projects .bo:hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}

body.page-projects footer{background:#0a1428;color:rgba(255,255,255,0.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,0.06)}
body.page-projects .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
body.page-projects .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,0.45);margin:12px 0 16px}
body.page-projects .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
body.page-projects .ftc a{display:block;font-size:12px;color:rgba(255,255,255,0.48);margin-bottom:7px;transition:var(--tr)}
body.page-projects .ftc a:hover{color:#7ee8a2}
body.page-projects .ftbot{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-projects .ftbot p{font-size:11px;color:rgba(255,255,255,0.32)}
body.page-projects .ftbot span{color:var(--gn)}
body.page-projects .srow{display:flex;gap:9px}
body.page-projects .sb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-projects .sb.fb{background:rgba(24,119,242,0.18);color:#4a90e2}
body.page-projects .sb.tw{background:rgba(29,161,242,0.18);color:#5ab9ea}
body.page-projects .sb.em{background:rgba(46,139,87,0.18);color:#7ee8a2}
body.page-projects .sb:hover{transform:translateY(-2px)}

body.page-projects .fi{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
body.page-projects .fi.in{opacity:1;transform:translateY(0)}
body.page-projects .fd1{transition-delay:0.1s}body.page-projects .fd2{transition-delay:0.2s}body.page-projects .fd3{transition-delay:0.3s}

@media(max-width:980px){body.page-projects .project-grid{grid-template-columns:1fr 1fr}body.page-projects .project-featured{grid-template-columns:1fr}body.page-projects .ftg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body.page-projects section{padding:60px 5%}body.page-projects .nlinks{display:none}body.page-projects .hamburger{display:block}}
@media(max-width:560px){body.page-projects .project-grid{grid-template-columns:1fr}body.page-projects .ftg{grid-template-columns:1fr}body.page-projects .project-media{height:190px}body.page-projects .project-gallery{grid-template-rows:auto auto;padding:10px}body.page-projects .project-main-photo{min-height:260px}body.page-projects .project-thumbs{grid-template-columns:1fr}body.page-projects .project-thumbs img{height:210px}body.page-projects .project-impact{grid-template-columns:1fr}}

/* Projects page responsive repair */
body.page-projects,
body.page-projects *{box-sizing:border-box}
body.page-projects{margin:0;font-family:'Poppins',Arial,sans-serif;color:#1f2937;background:#fff;overflow-x:hidden;line-height:1.5}
body.page-projects a{text-decoration:none;color:inherit}
body.page-projects img{max-width:100%;height:auto;display:block}
body.page-projects figure{margin:0}
body.page-projects ul{margin:0;padding:0}
body.page-projects{--nv:#1a2e6e;--nv2:#111f4d;--nv3:#243580;--gn:#2e8b57;--gn2:#3aab6d;--gn3:#e8f5ef;--gl:#f4f6fb;--gy:#6b7280;--gd:#374151;--rd:16px;--tr:all .28s ease}

body.page-projects nav{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,46,110,.1);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 12px rgba(26,46,110,.07)}
body.page-projects .nav-logo{display:flex;align-items:center;gap:12px;min-width:0}
body.page-projects .nav-logo img{width:46px!important;height:46px!important;min-width:46px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gn)}
body.page-projects .norg{font-size:13px;font-weight:700;color:var(--nv);display:block;line-height:1.2;white-space:nowrap}
body.page-projects .nsub{font-size:11px;color:var(--gn);font-weight:600;display:block;line-height:1.2;white-space:nowrap}
body.page-projects .nlinks{display:flex;align-items:center;gap:4px;list-style:none}
body.page-projects .nlinks a{font-size:13px;font-weight:500;color:var(--gd);padding:8px 13px;border-radius:8px;transition:var(--tr)}
body.page-projects .nlinks a:hover,
body.page-projects .nlinks a.active{background:var(--nv);color:#fff}
body.page-projects .ncta{background:var(--gn)!important;color:#fff!important;font-weight:700!important}
body.page-projects .hamburger{display:none;cursor:pointer;background:none;border:0;padding:6px}
body.page-projects .hamburger span{display:block;width:24px;height:2px;background:var(--nv);margin:5px 0;border-radius:2px;transition:var(--tr)}
body.page-projects .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body.page-projects .hamburger.open span:nth-child(2){opacity:0}
body.page-projects .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
body.page-projects .mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:16px 6%;border-bottom:1px solid var(--gl);box-shadow:0 8px 24px rgba(26,46,110,.1);z-index:998}
body.page-projects .mob-menu.open{display:block}
body.page-projects .mob-menu a{display:block;padding:11px 0;font-size:14px;font-weight:500;color:var(--gd);border-bottom:1px solid var(--gl)}
body.page-projects .mob-menu a:last-child{border-bottom:0}

body.page-projects .phero{background:linear-gradient(135deg,var(--nv2) 0%,var(--nv) 55%,#1e4d8c 100%);padding:90px 6% 70px;position:relative;overflow:hidden;text-align:center}
body.page-projects .phero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(46,139,87,.16) 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;pointer-events:none}
body.page-projects .phero-in{position:relative;z-index:1;max-width:780px;margin:0 auto}
body.page-projects .hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(46,139,87,.2);border:1px solid rgba(46,139,87,.4);color:#7ee8a2;font-size:12px;font-weight:600;padding:6px 15px;border-radius:20px;margin-bottom:20px}
body.page-projects .phero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px}
body.page-projects .phero h1 span{color:#7ee8a2}
body.page-projects .phero p{font-size:15px;color:rgba(255,255,255,.78);line-height:1.8;max-width:640px;margin:0 auto}

body.page-projects section{padding:80px 6%}
body.page-projects .stag{display:inline-block;background:var(--gn3);color:var(--gn);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:12px}
body.page-projects .stitle{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--nv);margin:0 0 14px;line-height:1.2}
body.page-projects .ssub{font-size:14px;color:var(--gy);line-height:1.7;max-width:620px;margin:0 auto}
body.page-projects .shdr{text-align:center;margin-bottom:52px}

body.page-projects #projects{background:var(--gl)}
body.page-projects .project-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1180px;margin:0 auto}
body.page-projects .project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(26,46,110,.08);transition:var(--tr);border:1px solid rgba(26,46,110,.07);border-bottom:4px solid transparent}
body.page-projects .project-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(26,46,110,.14);border-bottom-color:var(--gn)}
body.page-projects .project-featured{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(380px,1.05fr);align-items:stretch}
body.page-projects .project-gallery{display:grid;grid-template-rows:minmax(340px,1fr) 145px;gap:10px;padding:14px;background:#eef6f0;min-width:0}
body.page-projects .project-main-photo{height:100%;min-height:340px;border-radius:14px;overflow:hidden;background:#e8edf7}
body.page-projects .project-main-photo img{width:100%;height:100%;object-fit:cover}
body.page-projects .project-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.page-projects .project-thumbs img{width:100%;height:145px;object-fit:cover;border-radius:12px;background:#e8edf7}
body.page-projects .project-body{padding:28px;min-width:0}
body.page-projects .project-tag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;color:var(--gn);background:var(--gn3);padding:6px 11px;border-radius:999px;margin-bottom:12px}
body.page-projects .project-card h3{font-size:clamp(18px,2.2vw,24px);font-weight:800;color:var(--nv);margin:0 0 12px;line-height:1.3}
body.page-projects .project-card p{font-size:14px;color:var(--gy);line-height:1.8;margin:0 0 15px}
body.page-projects .project-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
body.page-projects .project-impact div{background:var(--gn3);border:1px solid rgba(46,139,87,.14);border-radius:13px;padding:14px 12px;min-width:0}
body.page-projects .project-impact strong{display:block;font-size:16px;font-weight:800;color:var(--nv);line-height:1.2;margin-bottom:5px;word-break:normal}
body.page-projects .project-impact span{display:block;font-size:11px;color:var(--gy);line-height:1.5}
body.page-projects .project-meta{list-style:none;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(26,46,110,.09);padding-top:17px;margin-top:5px}
body.page-projects .project-meta li{font-size:12.5px;color:var(--gd);display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:flex-start;line-height:1.55}
body.page-projects .project-meta i{font-size:13px;color:var(--gn);width:18px;text-align:center;margin-top:3px}

body.page-projects #cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-projects #cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin:0 0 14px}
body.page-projects #cta p{font-size:14px;color:rgba(255,255,255,.75);max-width:560px;margin:0 auto 32px;line-height:1.8}
body.page-projects .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-projects .bp,
body.page-projects .bo{padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-projects .bp{background:var(--gn);color:#fff;border:2px solid var(--gn)}
body.page-projects .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,.35)}
body.page-projects .bo{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.38)}
body.page-projects .bo:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px)}

body.page-projects footer{background:#0a1428;color:rgba(255,255,255,.6);padding:52px 6% 26px;border-top:1px solid rgba(255,255,255,.06)}
body.page-projects .ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;max-width:1180px;margin:0 auto 44px}
body.page-projects .ftb img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;border:2px solid var(--gn)}
body.page-projects .ftb p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.48);margin:12px 0 16px}
body.page-projects .ftc h4{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px}
body.page-projects .ftc a{display:block;font-size:12px;color:rgba(255,255,255,.52);margin-bottom:8px;transition:var(--tr)}
body.page-projects .ftc a:hover{color:#7ee8a2}
body.page-projects .ftbot{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto}
body.page-projects .ftbot p{font-size:11px;color:rgba(255,255,255,.36);margin:0}
body.page-projects .ftbot span{color:var(--gn)}
body.page-projects .srow{display:flex;gap:9px}
body.page-projects .sb{width:38px;height:38px;border-radius:9px;display:flex!important;align-items:center;justify-content:center;font-size:15px;transition:var(--tr)}
body.page-projects .sb.fb{background:rgba(24,119,242,.18);color:#4a90e2}
body.page-projects .sb.tw{background:rgba(29,161,242,.18);color:#5ab9ea}
body.page-projects .sb.em{background:rgba(46,139,87,.18);color:#7ee8a2}
body.page-projects .sb:hover{transform:translateY(-2px)}
body.page-projects .fi{opacity:1;transform:none}

@media(max-width:1024px){
  body.page-projects .project-featured{grid-template-columns:1fr}
  body.page-projects .project-gallery{grid-template-rows:380px 150px}
  body.page-projects .project-main-photo{min-height:380px}
  body.page-projects .ftg{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  body.page-projects nav{padding:0 5%}
  body.page-projects .nlinks{display:none}
  body.page-projects .hamburger{display:block}
  body.page-projects .norg{font-size:12px;max-width:185px;overflow:hidden;text-overflow:ellipsis}
  body.page-projects .nsub{font-size:10px}
  body.page-projects .phero{padding:74px 5% 58px}
  body.page-projects section{padding:60px 5%}
  body.page-projects .project-body{padding:22px}
  body.page-projects .project-gallery{grid-template-rows:320px 135px;padding:10px}
  body.page-projects .project-main-photo{min-height:320px}
  body.page-projects .project-thumbs img{height:135px}
  body.page-projects .project-impact{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  body.page-projects .project-grid{gap:24px}
  body.page-projects .project-card{border-radius:16px}
  body.page-projects .project-gallery{grid-template-rows:300px auto}
  body.page-projects .project-main-photo{min-height:300px}
  body.page-projects .project-thumbs{grid-template-columns:1fr 1fr;gap:8px}
  body.page-projects .project-thumbs img{height:120px;border-radius:10px}
  body.page-projects .project-impact{grid-template-columns:1fr}
  body.page-projects .project-body{padding:20px}
  body.page-projects .cta-btns{flex-direction:column;align-items:stretch}
  body.page-projects .bp,body.page-projects .bo{justify-content:center}
  body.page-projects .ftg{grid-template-columns:1fr;gap:26px}
}



/* Fixed-frame project image sliders */
body.page-projects .project-gallery{display:flex;align-items:stretch;justify-content:center;padding:14px;background:#eef6f0;min-width:0}
body.page-projects .project-slider{position:relative;width:100%;height:100%;min-height:520px;border-radius:16px;overflow:hidden;background:#f4f8f5;border:1px solid rgba(26,46,110,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
body.page-projects .project-slide-frame{position:relative;width:100%;height:100%;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7faf8 0%,#e9f4ee 100%)}
body.page-projects .project-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.015);transition:opacity .65s ease,transform .65s ease;pointer-events:none;padding:8px}
body.page-projects .project-slide.active{opacity:1;transform:scale(1);pointer-events:auto}
body.page-projects .project-slide-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(10,20,40,.68);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:var(--tr);box-shadow:0 6px 18px rgba(10,20,40,.18)}
body.page-projects .project-slide-btn:hover{background:var(--gn);transform:translateY(-50%) scale(1.05)}
body.page-projects .project-slide-prev{left:14px}
body.page-projects .project-slide-next{right:14px}
body.page-projects .project-slide-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;background:rgba(10,20,40,.45);padding:7px 10px;border-radius:999px;backdrop-filter:blur(8px)}
body.page-projects .project-slide-dots button{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:var(--tr)}
body.page-projects .project-slide-dots button.active{width:24px;border-radius:999px;background:#fff}
@media(max-width:1024px){body.page-projects .project-slider,body.page-projects .project-slide-frame{min-height:440px}}
@media(max-width:768px){body.page-projects .project-gallery{padding:10px}body.page-projects .project-slider,body.page-projects .project-slide-frame{min-height:360px}body.page-projects .project-slide-btn{width:38px;height:38px}body.page-projects .project-slide-prev{left:10px}body.page-projects .project-slide-next{right:10px}}
@media(max-width:560px){body.page-projects .project-slider,body.page-projects .project-slide-frame{min-height:320px;border-radius:13px}body.page-projects .project-slide{padding:6px}body.page-projects .project-slide-btn{width:34px;height:34px;font-size:12px}body.page-projects .project-slide-dots{bottom:12px}}



/* donate.html */
body.page-donate #donation-details{background:var(--gl)}
body.page-donate .donate-wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:26px;align-items:start;max-width:1100px;margin:0 auto}
body.page-donate .donate-card{background:#fff;border-radius:22px;padding:36px;box-shadow:0 10px 34px rgba(26,46,110,.09);border:1px solid rgba(26,46,110,.07);position:relative;overflow:hidden}
body.page-donate .donate-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gn),var(--nv))}
body.page-donate .donate-icon{width:72px;height:72px;border-radius:18px;background:rgba(46,139,87,.11);color:var(--gn);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:20px}
body.page-donate .donate-card .ssub{max-width:100%;margin-bottom:22px}
body.page-donate .donation-account{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:13px;box-shadow:0 12px 30px rgba(26,46,110,.16);margin:22px 0;position:relative;overflow:hidden}
body.page-donate .donation-account::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-80px;background:rgba(46,139,87,.22)}
body.page-donate .donation-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px 16px}
body.page-donate .donation-row span{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:rgba(255,255,255,.62)}
body.page-donate .donation-row strong{font-size:17px;font-weight:800;color:#fff;text-align:right;letter-spacing:.3px}
body.page-donate .donate-note{display:flex;gap:10px;align-items:flex-start;background:var(--gn3);border:1px solid rgba(46,139,87,.15);color:var(--gd);font-size:13px;line-height:1.7;border-radius:13px;padding:14px 16px;margin:0 0 22px}
body.page-donate .donate-note i{color:var(--gn);margin-top:4px}
body.page-donate .donate-actions{display:flex;gap:12px;flex-wrap:wrap}
body.page-donate .donate-actions .ibtn{display:inline-flex;align-items:center;gap:8px}
body.page-donate .impact-panel{background:#fff;border-radius:22px;padding:30px;box-shadow:0 8px 28px rgba(26,46,110,.08);border:1px solid rgba(26,46,110,.07)}
body.page-donate .impact-panel h3{font-size:20px;font-weight:800;color:var(--nv);margin-bottom:18px}
body.page-donate .impact-list{display:flex;flex-direction:column;gap:13px}
body.page-donate .impact-list div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;background:var(--gl);border-radius:13px;padding:14px;transition:var(--tr)}
body.page-donate .impact-list div:hover{transform:translateX(3px);box-shadow:0 5px 18px rgba(26,46,110,.08)}
body.page-donate .impact-list i{width:42px;height:42px;border-radius:11px;background:rgba(46,139,87,.11);color:var(--gn);display:flex;align-items:center;justify-content:center;font-size:17px}
body.page-donate .impact-list span{font-size:13px;color:var(--gd);line-height:1.55}
body.page-donate #donate-cta{background:linear-gradient(135deg,var(--nv) 0%,var(--nv3) 100%);text-align:center;padding:72px 6%}
body.page-donate #donate-cta h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;color:#fff;margin-bottom:14px}
body.page-donate #donate-cta p{font-size:14px;color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 32px;line-height:1.8}
body.page-donate .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-donate .bp,body.page-donate .bo{padding:13px 28px;border-radius:10px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:var(--tr)}
body.page-donate .bp{background:var(--gn);color:#fff;border:2px solid var(--gn)}
body.page-donate .bp:hover{background:var(--gn2);transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,.35)}
body.page-donate .bo{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.38)}
body.page-donate .bo:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px)}
@media(max-width:900px){body.page-donate .donate-wrap{grid-template-columns:1fr}}
@media(max-width:560px){body.page-donate .donate-card,body.page-donate .impact-panel{padding:24px 18px;border-radius:18px}body.page-donate .donation-account{padding:16px}body.page-donate .donation-row{display:block}body.page-donate .donation-row strong{display:block;text-align:left;margin-top:5px;font-size:15px;word-break:break-word}body.page-donate .donate-actions{flex-direction:column}body.page-donate .donate-actions .ibtn{justify-content:center}body.page-donate .cta-btns{flex-direction:column;align-items:stretch}body.page-donate .bp,body.page-donate .bo{justify-content:center}}

/* Donation pop-up */
body.donation-popup-active{overflow:hidden}
.donation-popup-overlay{position:fixed;inset:0;background:rgba(10,20,40,.52);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(7px)}
.donation-popup-overlay.open{opacity:1;visibility:visible}
.donation-popup-card{width:min(100%,380px);background:#fff;border-radius:0;padding:32px 28px 28px;text-align:center;box-shadow:0 24px 80px rgba(10,20,40,.28);position:relative;transform:translateY(18px) scale(.98);transition:transform .25s ease;color:#374151}
.donation-popup-overlay.open .donation-popup-card{transform:translateY(0) scale(1)}
.donation-popup-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--tr)}
.donation-popup-close:hover{background:#e5e7eb;color:var(--nv)}
.donation-popup-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid rgba(46,139,87,.18);margin:0 auto 14px;display:block}
.donation-popup-card h2{font-size:clamp(24px,5.2vw,30px);line-height:1.28;font-weight:800;color:#374151;margin:0 0 18px;letter-spacing:-.8px}
.donation-popup-card p{font-size:14px;line-height:1.55;color:#4b5563;margin:0 auto 20px;max-width:310px}
.donation-popup-actions{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.donation-popup-primary,.donation-popup-secondary{width:100%;min-height:45px;border:0;border-radius:999px;font-family:inherit;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:var(--tr)}
.donation-popup-primary{background:linear-gradient(135deg,var(--gn),var(--nv));color:#fff;box-shadow:0 10px 26px rgba(46,139,87,.22)}
.donation-popup-primary:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(46,139,87,.28)}
.donation-popup-secondary{background:#f3f4f6;color:#374151;font-weight:500}
.donation-popup-secondary:hover{background:#e9ecef;color:var(--nv)}
@media(max-width:420px){.donation-popup-overlay{padding:14px}.donation-popup-card{padding:30px 22px 24px}.donation-popup-logo{width:52px;height:52px}.donation-popup-actions{gap:12px}.donation-popup-primary,.donation-popup-secondary{min-height:44px;font-size:13px}}