:root{
  --ink:#08111f;--muted:#667085;--paper:#f7fbff;--white:#fff;--blue:#2366ff;--cyan:#00c2ff;--pink:#ff3366;--violet:#7c3aed;--green:#16a34a;--line:rgba(15,23,42,.10);--shadow:0 26px 70px rgba(15,23,42,.14);--soft:0 14px 36px rgba(15,23,42,.10);--r:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(35,102,255,.18),transparent 30%),radial-gradient(circle at 90% 5%,rgba(255,51,102,.13),transparent 30%),linear-gradient(180deg,#f8fbff,#eef7ff 52%,#fff);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}main{padding-top:106px}.scroll-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--pink));z-index:9999}.icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}.i-home:before{content:"⌂"}.i-info:before{content:"i"}.i-gallery:before{content:"▦"}.i-heart:before{content:"♥"}.i-phone:before{content:"☎"}.i-up:before{content:"↑"}
.cinematic-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(circle,#172554,#020617 62%,#000);transition:.8s}.cinematic-loader.hide{opacity:0;visibility:hidden;pointer-events:none}.film-grain{position:absolute;inset:-30%;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;animation:grain 8s linear infinite}.light-ray{position:absolute;width:36vw;height:150vh;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(24deg);filter:blur(16px);animation:ray 2.8s ease-in-out infinite}.intro-logo-wrap{position:relative;padding:24px;border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);box-shadow:0 0 80px rgba(59,130,246,.35)}.intro-logo{width:min(210px,54vw);filter:drop-shadow(0 22px 30px rgba(0,0,0,.32));animation:pulse 1.8s ease-in-out infinite}@keyframes grain{to{transform:translate(60px,60px)}}@keyframes ray{0%{left:-50%;opacity:0}50%{opacity:1}100%{left:115%;opacity:0}}@keyframes pulse{50%{transform:scale(1.04)}}
.site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));min-height:74px;z-index:999;display:grid;grid-template-columns:270px 1fr 154px;align-items:center;gap:14px;padding:10px 14px;border-radius:28px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.58));backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 24px 60px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.95);overflow:visible;transition:.28s}.site-header:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(35,102,255,.14),rgba(0,194,255,.07),rgba(255,51,102,.12));z-index:-1}.site-header:after{content:"";position:absolute;top:12px;bottom:12px;left:-160px;width:130px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-18deg);animation:shine 7s ease-in-out infinite;pointer-events:none}.site-header.scrolled{top:8px;min-height:64px;padding:8px 12px;border-radius:23px;box-shadow:0 18px 46px rgba(15,23,42,.20)}@keyframes shine{0%,72%{left:-160px;opacity:0}82%{opacity:.9}100%{left:calc(100% + 160px);opacity:0}}
.brand{display:flex;align-items:center;gap:11px;min-width:0;font-weight:950;letter-spacing:-.03em;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain;border-radius:16px;padding:4px;background:rgba(255,255,255,.84);box-shadow:0 10px 24px rgba(35,102,255,.14);flex:0 0 48px}.brand span{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,#08111f,#2366ff,#c4144b);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{justify-self:center;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border-radius:21px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);min-width:0}.nav a{position:relative;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:16px;font-size:.9rem;font-weight:900;line-height:1;color:#16233a;white-space:nowrap;transition:.22s}.nav a:after{content:"";position:absolute;left:50%;bottom:6px;width:calc(100% - 28px);height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--pink));transform:translateX(-50%) scaleX(0);transform-origin:center;transition:.22s}.nav a:hover,.nav a.active{background:#fff;color:#1746d6;box-shadow:0 10px 25px rgba(35,102,255,.14);transform:translateY(-1px)}.nav a:hover:after,.nav a.active:after{transform:translateX(-50%) scaleX(1)}.nav-donate{justify-self:end;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:18px;font-weight:950;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));box-shadow:0 18px 36px rgba(124,58,237,.28);white-space:nowrap;transition:.22s}.nav-donate:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(255,51,102,.30)}.menu-toggle{display:none;border:0;cursor:pointer;color:#0f172a;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(15,23,42,.10);border-radius:15px;width:44px;height:44px;font-size:1.25rem;line-height:1}
.hero{position:relative;min-height:calc(100vh - 106px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:52px;padding:72px min(7vw,90px) 72px}.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 42%,rgba(35,102,255,.10),transparent 34%),radial-gradient(circle at 84% 38%,rgba(255,51,102,.10),transparent 30%)}.hero-content{position:relative;z-index:1;max-width:790px;align-self:center}.eyebrow,.section-head span,.donation-card>span{display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:999px;background:rgba(35,102,255,.10);color:#1d4ed8;font-weight:950}.hero-content h1,.page-hero h1{font-size:clamp(2.5rem,5.8vw,5.5rem);line-height:.98;margin:12px 0 17px;letter-spacing:-.06em;background:linear-gradient(90deg,#08111f,#1d4ed8 52%,#be123c);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content p,.page-hero p,.section-head p{color:var(--muted);font-size:1.06rem;line-height:1.75;margin:0}.hero-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:0 24px;border:1px solid rgba(255,255,255,.76);font-weight:950;line-height:1;text-align:center;transition:.22s}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 18px 38px rgba(35,102,255,.23)}.btn.ghost{background:rgba(255,255,255,.78);color:#17233c;box-shadow:0 12px 26px rgba(15,23,42,.09)}.btn:hover{transform:translateY(-2px)}.center{display:flex;justify-content:center;align-items:center;text-align:center;margin-top:28px}.hero-panel{position:relative;z-index:1;width:min(430px,100%);justify-self:center;align-self:center;padding:14px;border-radius:32px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);backdrop-filter:blur(18px);transform:rotate(.7deg)}.hero-panel img{width:100%;height:390px;object-fit:cover;object-position:center;border-radius:24px;background:linear-gradient(135deg,#dbeafe,#ffe4e6)}.hero-panel p{text-align:center;margin:14px 0 4px;font-weight:950;color:#1d4ed8;letter-spacing:-.01em}
.page-hero{min-height:390px;padding:90px min(7vw,90px) 64px;display:grid;place-items:center;text-align:center}.page-hero p{max-width:780px}.section{padding:76px min(7vw,90px)}.section-head{text-align:center;max-width:790px;margin:0 auto 38px}.section-head h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;margin:12px 0;letter-spacing:-.045em}.glass,.donation-card,.donation-visual,.contact-info,.contact-form,.founder-card,.image-card,.vision-card,.news-band{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.84);border-radius:var(--r);box-shadow:var(--soft);backdrop-filter:blur(16px)}.glass,.vision-card,.donation-card,.contact-info,.contact-form{padding:28px}.glass h3,.vision-card h3{margin-top:0}.glass p,.vision-card p,.image-card span,.founder-copy p,.contact-info p,.donation-card p{color:var(--muted);line-height:1.72}.two-col,.three,.vision-grid,.home-grid,.donation-layout,.contact-layout,.terms-layout{display:grid;gap:24px}.two-col,.contact-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vision-grid,.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.terms-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{width:min(1120px,calc(100% - 40px));margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stats div{min-height:130px;display:grid;place-items:center;text-align:center;padding:20px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.86);box-shadow:var(--soft)}.stats b{font-size:2.25rem;line-height:1;color:#1d4ed8}.stats span{font-weight:900;color:#475467}.founder-card{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:30px;padding:22px;align-items:center}.founder-photo img{width:100%;min-height:440px;object-fit:cover;border-radius:22px}.founder-copy{padding:8px 10px}.founder-copy h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:10px 0}.founder-copy h3{margin:0 0 16px;color:#1d4ed8}.founder-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.founder-mini-stats div{padding:16px;border-radius:18px;background:rgba(35,102,255,.08);text-align:center}.founder-mini-stats b{display:block;color:#1d4ed8;font-size:1.45rem}.founder-mini-stats span{color:var(--muted);font-size:.85rem;font-weight:800}.vision-card{min-height:100%;transition:.24s}.vision-card:hover,.image-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(15,23,42,.15)}.image-card{overflow:hidden;transition:.24s}.image-card img{width:100%;height:260px;object-fit:cover}.image-card div{padding:18px}.image-card strong{display:block;margin-bottom:8px;color:#0f172a}.donation-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start}.donation-form,.contact-form{display:grid;gap:14px}.contact-form>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.amount-grid button,input,textarea{width:100%;border:1px solid rgba(148,163,184,.30);border-radius:16px;background:rgba(255,255,255,.80);padding:14px 15px;font:inherit;color:var(--ink);outline:none}.amount-grid button{font-weight:950;cursor:pointer}.donation-visual{overflow:hidden}.donation-visual img{width:100%;height:520px;object-fit:cover}.donation-visual div{padding:22px}.bank-details{margin-top:22px;padding:20px;border-radius:22px;background:rgba(35,102,255,.07);border:1px solid rgba(35,102,255,.12)}.social-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.social-row a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.88);box-shadow:0 12px 26px rgba(15,23,42,.09);font-weight:950}.social-icon{width:24px!important;height:24px!important;object-fit:contain!important;flex:0 0 24px}.news-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:24px;align-items:center;padding:34px}.news-band img{width:100%;max-height:360px;object-fit:cover;border-radius:22px}.gallery-tabs{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}.gallery-tabs a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.76);font-weight:950;border:1px solid rgba(255,255,255,.78)}.mega-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-item{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.12);background:#fff}.gallery-item img{width:100%;height:238px;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#ffe4e6);transition:.45s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item div{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}
.dark-cta{position:relative;overflow:hidden;width:min(1160px,calc(100% - 40px));margin:20px auto 82px;padding:72px 42px;border-radius:42px;text-align:center;color:white;background:radial-gradient(circle at 15% 15%,rgba(0,194,255,.55),transparent 28%),radial-gradient(circle at 86% 20%,rgba(255,51,102,.48),transparent 30%),linear-gradient(135deg,#041024,#102a6b 48%,#5d1232);box-shadow:0 38px 110px rgba(5,16,36,.35);border:1px solid rgba(255,255,255,.18)}.dark-cta:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.18),transparent,rgba(0,194,255,.22),transparent);animation:aurora 11s linear infinite}.dark-cta:after{content:"";position:absolute;inset:14px;border-radius:32px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));backdrop-filter:blur(4px);pointer-events:none}.dark-cta>*{position:relative;z-index:1}.dark-cta h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.98;letter-spacing:-.06em;margin:0 auto 18px;max-width:920px}.dark-cta p{max-width:760px;margin:0 auto 28px;color:rgba(255,255,255,.86);line-height:1.75}.dark-cta .cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.dark-cta .btn.ghost{background:rgba(255,255,255,.14);color:white}.cta-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:34px auto 0;max-width:900px}.cta-stats div{padding:16px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px)}.cta-stats b{display:block;font-size:1.5rem}.cta-stats span{font-size:.85rem;color:rgba(255,255,255,.78);font-weight:800}@keyframes aurora{to{transform:rotate(360deg)}}
.footer{background:linear-gradient(135deg,#071224,#0e1a33);color:#e5efff;padding:54px min(7vw,90px) 26px;display:grid;grid-template-columns:1.35fr .9fr .9fr 1.1fr;gap:32px;align-items:start}.footer>div{min-width:0}.footer img:not(.social-icon){width:60px;height:60px;object-fit:contain;margin-bottom:12px}.footer h3,.footer h4{margin:0 0 14px;color:#fff}.footer p{margin:0 0 10px;color:rgba(229,239,255,.78);line-height:1.6}.footer a{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 0 10px;color:rgba(229,239,255,.84);line-height:1.35;transition:.2s}.footer a:hover{color:#fff;transform:translateX(2px)}.footer .copy{grid-column:1/-1;margin-top:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:rgba(229,239,255,.70);font-size:.92rem}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:800;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:999px;background:#22c55e;color:white;font-weight:950;box-shadow:0 14px 28px rgba(34,197,94,.32)}.scroll-top{position:fixed;right:18px;bottom:78px;z-index:800;width:44px;height:44px;border:0;border-radius:999px;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.16);cursor:pointer;opacity:0;pointer-events:none;transition:.25s}.scroll-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0s)}.reveal.show{opacity:1;transform:none}
@media(max-width:1180px){.site-header{grid-template-columns:230px 1fr 138px;gap:8px}.nav a{padding:0 9px;font-size:.84rem}.nav-donate{padding:0 12px;font-size:.84rem}.vision-grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:34px}}
@media(max-width:980px){main{padding-top:82px}.site-header{top:9px;width:calc(100% - 20px);min-height:64px;grid-template-columns:1fr auto;padding:9px 10px;border-radius:22px}.brand{max-width:calc(100vw - 96px)}.brand img{width:42px;height:42px;flex-basis:42px}.brand span{font-size:.98rem}.menu-toggle{display:grid;place-items:center}.nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.78));border:1px solid rgba(255,255,255,.84);box-shadow:0 22px 56px rgba(15,23,42,.20);transform:translateY(-10px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;transition:.25s}.site-header.menu-open .nav{transform:none;opacity:1;visibility:visible;pointer-events:auto}.nav a{height:50px;width:100%;font-size:.98rem;background:rgba(255,255,255,.58)}.nav-donate{display:none}.hero{min-height:auto;grid-template-columns:1fr;text-align:center;padding:58px 22px 44px;gap:30px}.hero-content{margin:0 auto}.hero-actions{justify-content:center}.hero-panel{max-width:520px;transform:none}.page-hero{min-height:330px;padding:62px 22px 48px}.two-col,.donation-layout,.contact-layout,.founder-card,.news-band,.terms-layout{grid-template-columns:1fr}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.founder-photo img{min-height:360px}.donation-visual img{height:420px}.mega-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{grid-template-columns:1fr 1fr}.contact-info{text-align:center}.social-row{justify-content:center}.cta-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){main{padding-top:76px}.site-header{top:8px;width:calc(100% - 14px);min-height:60px;border-radius:20px}.brand{gap:8px}.brand img{width:38px;height:38px;flex-basis:38px}.brand span{font-size:.91rem;max-width:190px}.menu-toggle{width:40px;height:40px;font-size:1.15rem}.nav{top:calc(100% + 8px);padding:10px}.nav a{height:48px;font-size:.96rem}.hero{padding:42px 16px 34px}.hero-content h1,.page-hero h1{font-size:clamp(2.05rem,12vw,3.25rem);line-height:1.03}.hero-content p,.page-hero p,.section-head p{font-size:.98rem;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:330px;margin-left:auto;margin-right:auto}.hero-actions .btn,.dark-cta .btn,.center .btn{width:100%}.hero-panel{width:100%;padding:12px;border-radius:22px}.hero-panel img{height:270px;border-radius:18px}.section{padding:54px 16px}.page-hero{min-height:300px;padding:46px 16px 40px}.stats{width:calc(100% - 20px);grid-template-columns:1fr 1fr;gap:10px}.stats div{min-height:104px;padding:16px 8px;border-radius:18px}.stats b{font-size:1.75rem}.stats span{font-size:.82rem}.two-col,.three,.vision-grid,.home-grid,.mega-gallery,.amount-grid,.contact-form>div,.founder-mini-stats,.footer,.cta-stats{grid-template-columns:1fr}.gallery-item img{height:215px}.image-card img{height:230px}.founder-card,.glass,.vision-card,.donation-card,.contact-info,.contact-form{padding:22px}.founder-photo img{min-height:300px}.donation-visual img{height:330px}.social-row{display:grid;grid-template-columns:1fr}.social-row a{width:100%}.dark-cta{width:calc(100% - 24px);margin:10px auto 54px;padding:54px 18px;border-radius:30px}.dark-cta:after{inset:10px;border-radius:24px}.dark-cta .cta-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:330px;margin:0 auto}.footer{padding:42px 18px 24px}.footer a{width:100%}.footer .copy{text-align:left;grid-column:auto}.whatsapp-float{right:12px;bottom:12px;min-height:42px;padding:0 12px;font-size:.86rem}.scroll-top{right:12px;bottom:66px}}

/* === Launch polish: glossy, shiny, bouncy animation system === */
body::before,body::after{content:"";position:fixed;z-index:-2;border-radius:999px;filter:blur(60px);opacity:.42;pointer-events:none;animation:floatOrb 12s ease-in-out infinite alternate}body::before{width:340px;height:340px;left:-110px;top:18%;background:rgba(35,102,255,.36)}body::after{width:420px;height:420px;right:-160px;top:48%;background:rgba(255,51,102,.25);animation-delay:-4s}@keyframes floatOrb{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(30px,-45px,0) scale(1.12)}}
.site-header,.glass,.stats div,.vision-card,.image-card,.founder-card,.donation-card,.donation-visual,.contact-info,.contact-form,.gallery-item,.news-band,.dark-cta,.footer{will-change:transform}.brand img{animation:logoFloat 4.2s ease-in-out infinite}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}
.btn,.nav a,.nav-donate,.gallery-tabs a,.social-row a,.whatsapp-float{position:relative;overflow:hidden;transform:translateZ(0)}.btn::after,.nav-donate::after,.gallery-tabs a::after,.social-row a::after{content:"";position:absolute;inset:-2px;left:-130%;width:80%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-20deg);transition:.55s;pointer-events:none}.btn:hover::after,.nav-donate:hover::after,.gallery-tabs a:hover::after,.social-row a:hover::after{left:130%}.btn:hover,.nav-donate:hover,.gallery-tabs a:hover,.social-row a:hover{animation:bouncyPop .48s cubic-bezier(.2,1.7,.4,1)}@keyframes bouncyPop{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-5px) scale(1.035)}100%{transform:translateY(-2px) scale(1)}}
.stats{perspective:1000px}.stats div{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.62));box-shadow:0 22px 58px rgba(35,102,255,.14),inset 0 1px 0 rgba(255,255,255,.96);transition:transform .32s cubic-bezier(.2,1.4,.4,1),box-shadow .32s}.stats div::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 90deg,transparent,rgba(35,102,255,.15),transparent,rgba(255,51,102,.15),transparent);animation:spinGlow 8s linear infinite}.stats div::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.58));z-index:0}.stats div>*{position:relative;z-index:1}.stats div:hover{transform:translateY(-8px) rotateX(4deg);box-shadow:0 30px 80px rgba(35,102,255,.22)}.stats b{font-size:clamp(1.9rem,3.2vw,3rem);background:linear-gradient(135deg,#1746d6,#00aaff,#ff3366);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 16px rgba(35,102,255,.16))}.stats b::after{content:"+";font-size:.62em;margin-left:2px}.stats span{margin-top:8px;text-transform:uppercase;letter-spacing:.05em}.stats div:nth-child(1)::before{animation-delay:0s}.stats div:nth-child(2)::before{animation-delay:-2s}.stats div:nth-child(3)::before{animation-delay:-4s}.stats div:nth-child(4)::before{animation-delay:-6s}@keyframes spinGlow{to{transform:rotate(360deg)}}
.glass,.vision-card,.image-card,.founder-card,.donation-card,.donation-visual,.contact-info,.contact-form,.news-band{position:relative;overflow:hidden;transition:transform .34s cubic-bezier(.2,1.35,.4,1),box-shadow .34s,border-color .34s}.glass::before,.vision-card::before,.image-card::before,.founder-card::before,.donation-card::before,.donation-visual::before,.contact-info::before,.contact-form::before,.news-band::before{content:"";position:absolute;left:-110%;top:0;width:70%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:.8s;pointer-events:none;z-index:1}.glass:hover::before,.vision-card:hover::before,.image-card:hover::before,.founder-card:hover::before,.donation-card:hover::before,.donation-visual:hover::before,.contact-info:hover::before,.contact-form:hover::before,.news-band:hover::before{left:130%}.glass:hover,.vision-card:hover,.image-card:hover,.founder-card:hover,.donation-card:hover,.donation-visual:hover,.contact-info:hover,.contact-form:hover,.news-band:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(15,23,42,.16);border-color:rgba(255,255,255,.98)}
.image-card img,.gallery-item img,.hero-panel img,.founder-photo img,.donation-visual img{transition:transform .65s cubic-bezier(.2,1,.3,1),filter .65s}.image-card:hover img,.hero-panel:hover img,.founder-card:hover .founder-photo img,.donation-visual:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.hero-content h1,.section-head h2,.dark-cta h2{animation:textGlow 5.5s ease-in-out infinite alternate}@keyframes textGlow{0%{filter:drop-shadow(0 0 0 rgba(35,102,255,0))}100%{filter:drop-shadow(0 12px 22px rgba(35,102,255,.12))}}.eyebrow,.section-head span,.donation-card>span{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(35,102,255,.09);animation:pillBounce 3.8s ease-in-out infinite}@keyframes pillBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.dark-cta{isolation:isolate}.dark-cta .cta-stats div{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,1.5,.4,1),background .3s}.dark-cta .cta-stats div:hover{transform:translateY(-6px) scale(1.03);background:rgba(255,255,255,.18)}.dark-cta .cta-stats b{background:linear-gradient(135deg,#fff,#9ee7ff,#ffd3df);-webkit-background-clip:text;background-clip:text;color:transparent}.dark-cta .cta-stats b::after{content:"+";font-size:.72em}.dark-cta .cta-actions{margin-top:6px}.dark-cta::before{animation:aurora 8s linear infinite,ctaPulse 4.8s ease-in-out infinite alternate}@keyframes ctaPulse{0%{filter:saturate(1)}100%{filter:saturate(1.35) brightness(1.06)}}
.footer{position:relative;overflow:hidden}.footer::before{content:"";position:absolute;inset:-40% -20% auto;height:300px;background:radial-gradient(circle,rgba(0,194,255,.18),transparent 60%);animation:footerGlow 7s ease-in-out infinite alternate;pointer-events:none}.footer>*{position:relative;z-index:1}@keyframes footerGlow{to{transform:translateX(80px)}}
.reveal{transform:translateY(34px) scale(.985);filter:blur(8px);transition:opacity .82s ease,transform .82s cubic-bezier(.2,1.2,.4,1),filter .82s ease}.reveal.show{filter:blur(0)}
@media(max-width:560px){.stats div{min-height:118px}.stats b{font-size:1.9rem}.stats span{font-size:.74rem}.stats b::after,.dark-cta .cta-stats b::after{font-size:.55em}.glass:hover,.vision-card:hover,.image-card:hover,.founder-card:hover,.donation-card:hover,.donation-visual:hover,.contact-info:hover,.contact-form:hover,.news-band:hover,.stats div:hover{transform:none}.btn:hover,.nav-donate:hover,.gallery-tabs a:hover,.social-row a:hover{animation:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ===== FINAL LAUNCH FIXES: clean header, WhatsApp, donation bounce, mobile polish ===== */
.site-header{grid-template-columns:minmax(220px,270px) minmax(420px,1fr) minmax(128px,150px);gap:18px;padding:11px 16px;}
.nav{gap:6px;padding:6px 7px;justify-self:center;}
.nav a{gap:0;min-width:82px;padding:0 16px;text-align:center;font-size:.92rem;letter-spacing:-.01em;}
.nav a .icon,.nav-donate .icon{display:none!important;}
.nav a:after{bottom:7px;width:28px;left:50%;}
.nav a:hover,.nav a.active{transform:translateY(-1px);}
.nav-donate{min-width:132px;padding:0 18px;gap:0;}

.whatsapp-float{height:54px;min-width:54px;width:auto;padding:0 18px 0 13px;gap:9px;border-radius:999px;font-weight:950;letter-spacing:-.01em;background:linear-gradient(135deg,#25d366,#16a34a);box-shadow:0 18px 42px rgba(34,197,94,.34),inset 0 1px 0 rgba(255,255,255,.42);}
.whatsapp-float img{width:28px!important;height:28px!important;background:#fff;border-radius:999px;padding:3px;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.whatsapp-float span{display:inline-block;color:#fff;line-height:1;}
.whatsapp-float:hover{animation:waterBounce .86s cubic-bezier(.18,1.7,.28,1) both;}

.amount-grid button,.bank-details,.donation-card,.donation-visual,.glass,.vision-card,.image-card{animation:softWaterFloat 5.2s ease-in-out infinite;}
.amount-grid button:nth-child(2),.vision-card:nth-child(2),.image-card:nth-child(2){animation-delay:-.7s}.amount-grid button:nth-child(3),.vision-card:nth-child(3),.image-card:nth-child(3){animation-delay:-1.4s}.amount-grid button:nth-child(4),.vision-card:nth-child(4),.image-card:nth-child(4){animation-delay:-2.1s}.amount-grid button:nth-child(5){animation-delay:-2.8s}.amount-grid button:nth-child(6){animation-delay:-3.5s}
.amount-grid button{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 30px rgba(35,102,255,.10);transition:transform .28s cubic-bezier(.2,1.6,.35,1),box-shadow .28s,border-color .28s;}
.amount-grid button:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 30% 30%,rgba(0,194,255,.20),transparent 28%),radial-gradient(circle at 70% 70%,rgba(255,51,102,.16),transparent 32%);animation:liquidMove 4.8s ease-in-out infinite alternate;pointer-events:none;}
.amount-grid button:hover{transform:translateY(-7px) scale(1.035);border-color:rgba(35,102,255,.28);box-shadow:0 24px 58px rgba(35,102,255,.20),inset 0 1px 0 #fff;}
.amount-grid button>*{position:relative;z-index:1}

@keyframes softWaterFloat{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-4px) scale(1.006)}65%{transform:translateY(2px) scale(.998)}}
@keyframes waterBounce{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-9px) scale(1.06,.94)}52%{transform:translateY(2px) scale(.98,1.04)}74%{transform:translateY(-3px) scale(1.015,.99)}100%{transform:translateY(-2px) scale(1)}}
@keyframes liquidMove{0%{transform:translate(-8%,-6%) rotate(0deg)}100%{transform:translate(8%,6%) rotate(12deg)}}

@media(max-width:1100px){.site-header{grid-template-columns:220px 1fr 132px}.nav a{min-width:auto;padding:0 12px;font-size:.88rem}.nav-donate{min-width:124px;padding:0 14px}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto;gap:10px}.nav{justify-self:stretch}.nav a{min-width:0;width:100%;height:50px}.whatsapp-float{height:52px}}
@media(max-width:560px){
  .site-header{width:calc(100% - 14px);padding:9px 10px;}
  .nav{max-height:calc(100vh - 92px);overflow:auto;}
  .nav a{justify-content:center;font-size:1rem;border-radius:16px;}
  .hero-actions,.cta-actions{gap:12px;}
  .btn{width:100%;max-width:340px;margin-inline:auto;}
  .amount-grid{grid-template-columns:1fr 1fr!important;gap:10px;}
  .amount-grid button{min-height:54px;padding:12px 8px;}
  .donation-layout,.two-col,.three,.vision-grid,.home-grid,.contact-layout,.terms-layout{gap:18px;}
  .whatsapp-float{right:12px;bottom:12px;width:52px;height:52px;min-width:52px;padding:0;justify-content:center;}
  .whatsapp-float span{display:none;}
  .whatsapp-float img{width:29px!important;height:29px!important;}
  .amount-grid button,.bank-details,.donation-card,.donation-visual,.glass,.vision-card,.image-card{animation:softWaterFloat 6.4s ease-in-out infinite;}
}
@media(prefers-reduced-motion:reduce){.amount-grid button,.bank-details,.donation-card,.donation-visual,.glass,.vision-card,.image-card{animation:none!important}}


/* ===== ULTRA SMOOTH FINAL PATCH: visible water bounce + perfect WhatsApp ===== */
html{scroll-behavior:smooth;scroll-padding-top:112px} 
body{animation:pageSoftIn .75s ease both;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
@keyframes pageSoftIn{from{opacity:.001;filter:blur(10px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}

/* smoother global motion */
.site-header,.brand img,.brand span,.nav,.nav a,.nav-donate,.btn,.glass,.vision-card,.image-card,.donation-card,.donation-visual,.bank-details,.amount-grid button,.stats div,.founder-card,.footer a,.gallery-item,.gallery-item img,.whatsapp-float,.scroll-top{
  transition-timing-function:cubic-bezier(.18,1,.28,1)!important;
  will-change:transform,box-shadow,filter;
}

/* Remove header icons for a clean professional menu */
.site-header .icon{display:none!important}.site-header .nav a{gap:0!important}.site-header .nav a::after{width:30px;bottom:7px}

/* More visible liquid/water bounce for donation amounts and donation blocks */
.donation-card,.donation-visual,.amount-grid button,.bank-details{
  animation:liquidBounce 3.4s cubic-bezier(.45,0,.2,1) infinite!important;
  transform-origin:center bottom;
}
.amount-grid button:nth-child(1){animation-delay:0s!important}.amount-grid button:nth-child(2){animation-delay:.18s!important}.amount-grid button:nth-child(3){animation-delay:.36s!important}.amount-grid button:nth-child(4){animation-delay:.54s!important}.amount-grid button:nth-child(5){animation-delay:.72s!important}.amount-grid button:nth-child(6){animation-delay:.90s!important}
.donation-visual{animation-delay:.35s!important}.bank-details{animation-delay:.65s!important}
@keyframes liquidBounce{
  0%,100%{transform:translate3d(0,0,0) scale(1);border-radius:28px;filter:saturate(1)}
  20%{transform:translate3d(0,-8px,0) scale(1.012,.988);filter:saturate(1.12)}
  42%{transform:translate3d(0,3px,0) scale(.992,1.012);border-radius:34px}
  62%{transform:translate3d(0,-4px,0) scale(1.006,.996)}
  80%{transform:translate3d(0,1px,0) scale(.998,1.002)}
}
.amount-grid button::after,.donation-card::after,.donation-visual::after,.bank-details::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.54) 18%,transparent 38%);
  transform:translateX(-115%);
  animation:glossSweep 4.2s ease-in-out infinite;
}
.donation-card,.donation-visual,.bank-details{position:relative;overflow:hidden}
.amount-grid button{border-radius:22px!important;min-height:62px;font-size:1.02rem;}
@keyframes glossSweep{0%,48%{opacity:0;transform:translateX(-115%)}58%{opacity:.9}78%,100%{opacity:0;transform:translateX(115%)}}

/* Visible but tasteful motion all over the website */
.stats div,.glass,.vision-card,.image-card,.gallery-item,.founder-card,.news-band,.contact-info,.contact-form{
  animation:softFloatPro 5.8s ease-in-out infinite;
}
.stats div:nth-child(2),.vision-card:nth-child(2),.image-card:nth-child(2),.gallery-item:nth-child(3n+2){animation-delay:-1.2s!important}
.stats div:nth-child(3),.vision-card:nth-child(3),.image-card:nth-child(3),.gallery-item:nth-child(3n+3){animation-delay:-2.4s!important}
.stats div:nth-child(4),.vision-card:nth-child(4),.image-card:nth-child(4){animation-delay:-3.1s!important}
@keyframes softFloatPro{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Perfect floating WhatsApp: icon button + neat tooltip, no bad stretched text */
.whatsapp-float{
  position:fixed!important;right:22px!important;bottom:22px!important;z-index:1200!important;
  width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:radial-gradient(circle at 32% 22%,#ffffff 0 10%,#48ef89 11%,#20c967 48%,#0f9f4d 100%)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 20px 48px rgba(16,185,129,.42),0 0 0 8px rgba(34,197,94,.12),inset 0 2px 7px rgba(255,255,255,.65)!important;
  color:#fff!important;text-decoration:none!important;
  animation:whatsappPulse 2.8s ease-in-out infinite!important;
  overflow:visible!important;
}
.whatsapp-float::before{content:"";position:absolute;inset:-8px;border-radius:inherit;border:1px solid rgba(34,197,94,.28);animation:waRing 2.2s ease-out infinite;pointer-events:none}.whatsapp-float::after{content:"";position:absolute;inset:10px 9px auto auto;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.72);filter:blur(.2px)}
.whatsapp-float img{width:34px!important;height:34px!important;object-fit:contain!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;position:relative;z-index:2}.whatsapp-float span{position:absolute;right:74px;bottom:11px;white-space:nowrap;background:rgba(6,18,34,.88);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);padding:10px 13px;border-radius:999px;font-size:.84rem;font-weight:900;line-height:1;box-shadow:0 14px 30px rgba(2,6,23,.25);opacity:0;transform:translateX(8px) scale(.96);transition:.22s cubic-bezier(.18,1.4,.28,1);pointer-events:none}.whatsapp-float:hover span{opacity:1;transform:translateX(0) scale(1)}.whatsapp-float:hover{animation:whatsappBounce .8s cubic-bezier(.16,1.7,.28,1) both!important;box-shadow:0 28px 68px rgba(16,185,129,.50),0 0 0 10px rgba(34,197,94,.16),inset 0 2px 7px rgba(255,255,255,.75)!important}
@keyframes whatsappPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.035)}}
@keyframes whatsappBounce{0%{transform:translateY(0) scale(1)}34%{transform:translateY(-12px) scale(1.09,.92)}58%{transform:translateY(2px) scale(.97,1.05)}78%{transform:translateY(-4px) scale(1.02,.99)}100%{transform:translateY(-2px) scale(1)}}
@keyframes waRing{0%{transform:scale(.86);opacity:.78}100%{transform:scale(1.35);opacity:0}}

/* Extra smooth phone layout */
@media(max-width:760px){
  html{scroll-padding-top:88px}main{padding-top:92px}.site-header{top:8px!important;width:calc(100% - 16px)!important;border-radius:22px!important;min-height:64px!important}.brand img{width:42px!important;height:42px!important}.brand span{font-size:.95rem!important}.menu-toggle{width:42px!important;height:42px!important}.nav{border-radius:20px!important}.nav a{height:48px!important;font-size:.98rem!important}.hero{padding-top:42px!important}.hero-actions,.dark-cta .cta-actions{justify-content:center!important}.btn{min-height:52px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:calc(100% - 24px)!important}.stats div{min-height:122px!important;border-radius:22px!important}.footer{gap:22px!important;text-align:left!important}.whatsapp-float{right:14px!important;bottom:14px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}.whatsapp-float img{width:31px!important;height:31px!important}.whatsapp-float span{display:none!important}.scroll-top{right:15px!important;bottom:82px!important}.donation-card,.donation-visual,.amount-grid button,.bank-details{animation-duration:3.8s!important}.stats div,.glass,.vision-card,.image-card,.gallery-item,.founder-card,.news-band,.contact-info,.contact-form{animation-duration:7s!important}}
@media(max-width:420px){.brand span{max-width:178px}.stats b{font-size:1.8rem!important}.stats span{font-size:.76rem!important}.amount-grid{grid-template-columns:1fr 1fr!important}.dark-cta{width:calc(100% - 20px)!important;padding:48px 18px!important;border-radius:30px!important}}

/* Respect accessibility */
@media(prefers-reduced-motion:reduce){body,.donation-card,.donation-visual,.amount-grid button,.bank-details,.stats div,.glass,.vision-card,.image-card,.gallery-item,.founder-card,.news-band,.contact-info,.contact-form,.whatsapp-float,.whatsapp-float::before,.amount-grid button::after,.donation-card::after,.donation-visual::after,.bank-details::after{animation:none!important;transition:none!important}}


/* ===== STRICT REPAIR PATCH: restore loader, clean WhatsApp, no extra footer scroll ===== */
html,body{min-height:100%;max-width:100%;overflow-x:hidden!important;}
body{margin:0!important;padding:0!important;}
main{display:block;overflow:clip;}
.footer{margin:0!important;overflow:hidden!important;}
.footer + *{margin-bottom:0!important;}
body::before,body::after{pointer-events:none!important;}

/* Restore premium starting logo animation */
.cinematic-loader{
  position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 50% 44%,rgba(23,45,82,.98) 0%,#050915 46%,#000 100%)!important;
  opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s ease,visibility .9s ease!important;
}
.cinematic-loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.cinematic-loader .film-grain{position:absolute!important;inset:-40%!important;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px)!important;background-size:32px 32px!important;animation:loaderGrain 8s linear infinite!important;opacity:.55!important;}
.cinematic-loader .light-ray{position:absolute!important;width:44vw!important;height:150vh!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)!important;transform:rotate(24deg)!important;filter:blur(18px)!important;animation:loaderRay 2.8s ease-in-out infinite!important;}
.intro-logo-wrap{position:relative!important;padding:26px!important;border-radius:36px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 0 85px rgba(59,130,246,.38),inset 0 1px 0 rgba(255,255,255,.42)!important;animation:loaderCardFloat 2.2s ease-in-out infinite!important;}
.intro-logo{width:min(220px,56vw)!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 24px 34px rgba(0,0,0,.38))!important;animation:loaderLogoPulse 1.65s ease-in-out infinite!important;}
@keyframes loaderGrain{to{transform:translate(60px,60px)}}
@keyframes loaderRay{0%{left:-58%;opacity:0}45%{opacity:1}100%{left:118%;opacity:0}}
@keyframes loaderCardFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.018)}}
@keyframes loaderLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

/* Clean WhatsApp button: simple, perfect, not ugly */
.whatsapp-float,
.whatsapp-float:hover,
.whatsapp-float:focus{
  position:fixed!important;right:22px!important;bottom:22px!important;z-index:1500!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  border-radius:50%!important;background:#25D366!important;border:3px solid #fff!important;
  box-shadow:0 14px 34px rgba(37,211,102,.42),0 6px 16px rgba(15,23,42,.18)!important;
  text-decoration:none!important;color:transparent!important;overflow:hidden!important;
  transform:none!important;animation:waSoftPulse 2.6s ease-in-out infinite!important;
}
.whatsapp-float::before,.whatsapp-float::after,.whatsapp-float span{display:none!important;content:none!important;}
.whatsapp-float img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;display:block!important;}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.04)!important;}
@keyframes waSoftPulse{0%,100%{box-shadow:0 14px 34px rgba(37,211,102,.42),0 0 0 0 rgba(37,211,102,.24),0 6px 16px rgba(15,23,42,.18)}50%{box-shadow:0 18px 40px rgba(37,211,102,.50),0 0 0 9px rgba(37,211,102,.10),0 6px 16px rgba(15,23,42,.18)}}

/* Stop over-scroll/empty space after footer */
html{overscroll-behavior-y:none;}
body{overscroll-behavior-y:none;}
body > a.whatsapp-float{margin:0!important;}
.footer{padding-bottom:24px!important;}
.footer .copy{margin-bottom:0!important;}

@media(max-width:760px){
  .whatsapp-float{right:14px!important;bottom:14px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-width:3px!important;}
  .whatsapp-float img{width:29px!important;height:29px!important;}
  .footer{padding-bottom:22px!important;}
  main{overflow:hidden;}
}


/* =========================================================
   FINAL RESTORE PATCH — footer visible, logo loader restored,
   clean WhatsApp button + shooting WhatsApp icons on index
   ========================================================= */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important;}
body{min-height:100vh!important;display:flex!important;flex-direction:column!important;}
main{flex:1 0 auto!important;}
.footer{display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important;margin:0!important;transform:none!important;min-height:auto!important;background:linear-gradient(135deg,#061225,#0b1b34 52%,#07101f)!important;color:#eaf3ff!important;box-shadow:0 -24px 70px rgba(2,6,23,.20)!important;}
.footer *{visibility:visible!important;}
.footer .copy{display:block!important;grid-column:1/-1!important;margin:6px 0 0!important;padding:18px 0 0!important;}
body > *:last-child{margin-bottom:0!important;}

/* Loader: force proper full-screen logo intro on index */
html.is-loading,html.is-loading body{overflow:hidden!important;}
.cinematic-loader{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 42%,#1e3a8a 0%,#061225 48%,#000 100%)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.cinematic-loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .75s ease,visibility .75s ease!important;}
.cinematic-loader .film-grain{position:absolute!important;inset:-45%!important;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px)!important;background-size:30px 30px!important;animation:loaderGrainFinal 7s linear infinite!important;opacity:.55!important;}
.cinematic-loader .light-ray{position:absolute!important;top:-25vh!important;left:-70vw!important;width:46vw!important;height:150vh!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)!important;transform:rotate(24deg)!important;filter:blur(18px)!important;animation:loaderRayFinal 2.6s ease-in-out infinite!important;}
.intro-logo-wrap{position:relative!important;z-index:2!important;padding:24px!important;border-radius:34px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 0 90px rgba(56,189,248,.36),inset 0 1px 0 rgba(255,255,255,.35)!important;animation:loaderCardFloat 2.2s ease-in-out infinite!important;}
.intro-logo{width:min(220px,54vw)!important;height:auto!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 24px 34px rgba(0,0,0,.38))!important;animation:loaderLogoPulse 1.8s ease-in-out infinite!important;}
@keyframes loaderGrainFinal{to{transform:translate(70px,70px)}}
@keyframes loaderRayFinal{0%{left:-70vw;opacity:0}45%{opacity:1}100%{left:130vw;opacity:0}}
@keyframes loaderCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes loaderLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}

/* clean WhatsApp floating icon */
.whatsapp-float{position:fixed!important;right:22px!important;bottom:22px!important;z-index:9990!important;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#25d366,#128c4a)!important;border:4px solid rgba(255,255,255,.95)!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:0 18px 42px rgba(18,140,74,.36),0 0 0 8px rgba(37,211,102,.13),inset 0 2px 8px rgba(255,255,255,.55)!important;overflow:visible!important;text-decoration:none!important;animation:whatsappCleanPulse 2.6s ease-in-out infinite!important;}
.whatsapp-float::before{content:""!important;position:absolute!important;inset:-11px!important;border-radius:inherit!important;border:1px solid rgba(37,211,102,.38)!important;animation:whatsappCleanRing 2.1s ease-out infinite!important;display:block!important;}
.whatsapp-float::after{content:""!important;position:absolute!important;inset:7px 9px auto auto!important;width:12px!important;height:12px!important;border-radius:50%!important;background:rgba(255,255,255,.68)!important;display:block!important;}
.whatsapp-float img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;display:block!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.20))!important;}
.whatsapp-float span{display:none!important;}
.whatsapp-float:hover{transform:translateY(-6px) scale(1.05)!important;animation:none!important;}
@keyframes whatsappCleanPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}
@keyframes whatsappCleanRing{0%{transform:scale(.72);opacity:.72}100%{transform:scale(1.42);opacity:0}}

/* WhatsApp icons shooting softly across index page */
.wa-shooters{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;}
.wa-shooters span{position:absolute!important;left:-80px!important;width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(255,255,255,.78) url('w.png') center/22px 22px no-repeat!important;box-shadow:0 12px 32px rgba(18,140,74,.18)!important;opacity:.34!important;filter:blur(.1px)!important;animation:waShoot 16s linear infinite!important;}
.wa-shooters span:nth-child(1){top:14%;animation-delay:0s;animation-duration:18s}.wa-shooters span:nth-child(2){top:24%;animation-delay:-7s;animation-duration:22s}.wa-shooters span:nth-child(3){top:36%;animation-delay:-12s;animation-duration:19s}.wa-shooters span:nth-child(4){top:49%;animation-delay:-4s;animation-duration:24s}.wa-shooters span:nth-child(5){top:63%;animation-delay:-10s;animation-duration:20s}.wa-shooters span:nth-child(6){top:78%;animation-delay:-15s;animation-duration:26s}.wa-shooters span:nth-child(7){top:18%;animation-delay:-18s;animation-duration:28s}.wa-shooters span:nth-child(8){top:88%;animation-delay:-21s;animation-duration:23s}
@keyframes waShoot{0%{transform:translate3d(-90px,0,0) rotate(0deg) scale(.72);opacity:0}10%{opacity:.32}50%{transform:translate3d(52vw,-26px,0) rotate(180deg) scale(1)}90%{opacity:.24}100%{transform:translate3d(calc(100vw + 120px),22px,0) rotate(360deg) scale(.84);opacity:0}}
.site-header,main,.footer{position:relative!important;z-index:3!important;}

@media(max-width:980px){.footer{grid-template-columns:1fr 1fr!important;gap:24px!important}.whatsapp-float{right:16px!important;bottom:16px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}.wa-shooters span{width:28px!important;height:28px!important;background-size:18px 18px!important;opacity:.24!important}}
@media(max-width:560px){body{display:block!important}main{display:block!important;flex:none!important}.footer{display:grid!important;grid-template-columns:1fr!important;padding:42px 18px 22px!important;gap:20px!important}.footer .copy{grid-column:1!important;text-align:left!important}.whatsapp-float{right:14px!important;bottom:14px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}.whatsapp-float img{width:31px!important;height:31px!important}.intro-logo{width:min(190px,58vw)!important}.wa-shooters span{opacity:.18!important}}

/* === EMERGENCY SCROLL REPAIR: loader can never lock the website === */
html, body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
  position:static!important;
}
html.is-loading, html.is-loading body{
  overflow-y:auto!important;
}
main{
  overflow:visible!important;
}
.cinematic-loader{
  pointer-events:auto!important;
}
.cinematic-loader.hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:none!important;
}
.footer{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:760px){
  html, body{overflow-y:auto!important;}
  main{overflow:visible!important;}
}

/* =========================================================
   FINAL CURSOR / WHEEL SCROLL FIX
   This patch removes every possible page scroll lock while
   keeping the logo loader visual only.
   ========================================================= */
html{
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  height:auto!important;
  min-height:100%!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
body{
  overflow-x:hidden!important;
  overflow-y:visible!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  position:relative!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
html.is-loading,
html.is-loading body,
body.is-loading{
  overflow-y:scroll!important;
  height:auto!important;
  position:relative!important;
}
main{
  overflow:visible!important;
  min-height:auto!important;
  max-height:none!important;
}
.site-header,
.scroll-progress,
.scroll-top,
.whatsapp-float{
  pointer-events:auto!important;
}
.wa-shooters{
  pointer-events:none!important;
}
.cinematic-loader{
  pointer-events:none!important;
}
.cinematic-loader.hide,
.cinematic-loader.loader-gone{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.footer{
  display:grid!important;
  clear:both!important;
  flex-shrink:0!important;
  transform:none!important;
}
@media(max-width:760px){
  html,body{overflow-y:auto!important;height:auto!important;touch-action:auto!important;}
  main{overflow:visible!important;}
}

/* =========================================================
   PRIYANSHU FINAL REPAIR — loader, WhatsApp flow, phone menu
   ========================================================= */
html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
  scroll-behavior:smooth!important;
}
body{position:relative!important;}
main{overflow:visible!important;position:relative!important;z-index:3!important;}

/* 1) Starting logo loading screen restored, visible, and safe */
.cinematic-loader{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:999999!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(30,64,175,.98) 0%,rgba(6,18,37,.98) 46%,#000 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transition:opacity .85s ease,visibility .85s ease!important;
}
.cinematic-loader.hide,
.cinematic-loader.loader-gone{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.cinematic-loader.loader-gone{display:none!important;}
.cinematic-loader .film-grain{
  position:absolute!important;
  inset:-45%!important;
  opacity:.5!important;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px)!important;
  background-size:30px 30px!important;
  animation:loaderGrainFinalFix 7s linear infinite!important;
}
.cinematic-loader .light-ray{
  position:absolute!important;
  top:-25vh!important;
  left:-70vw!important;
  width:48vw!important;
  height:150vh!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)!important;
  transform:rotate(24deg)!important;
  filter:blur(18px)!important;
  animation:loaderRayFinalFix 2.6s ease-in-out infinite!important;
}
.intro-logo-wrap{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  padding:25px!important;
  border-radius:36px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  box-shadow:0 0 92px rgba(56,189,248,.38),inset 0 1px 0 rgba(255,255,255,.38)!important;
  animation:loaderCardFinalFix 2.2s ease-in-out infinite!important;
}
.intro-logo{
  width:min(220px,56vw)!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.42))!important;
  animation:loaderLogoFinalFix 1.75s ease-in-out infinite!important;
}
@keyframes loaderGrainFinalFix{to{transform:translate(70px,70px)}}
@keyframes loaderRayFinalFix{0%{left:-70vw;opacity:0}42%{opacity:1}100%{left:130vw;opacity:0}}
@keyframes loaderCardFinalFix{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.018)}}
@keyframes loaderLogoFinalFix{0%,100%{transform:scale(1)}50%{transform:scale(1.052)}}

/* 2) WhatsApp fixed button — clean, independent, never part of footer */
body > a.whatsapp-float,
a.whatsapp-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:99999!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#2ff079 0%,#25d366 52%,#128c4a 100%)!important;
  border:4px solid #fff!important;
  box-shadow:0 18px 42px rgba(18,140,74,.36),0 0 0 8px rgba(37,211,102,.13),inset 0 2px 9px rgba(255,255,255,.62)!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-decoration:none!important;
  overflow:visible!important;
  transform:none!important;
  animation:waButtonFloatFinal 2.7s ease-in-out infinite!important;
}
a.whatsapp-float::before{
  content:""!important;
  position:absolute!important;
  inset:-11px!important;
  border-radius:50%!important;
  border:1px solid rgba(37,211,102,.45)!important;
  animation:waButtonRingFinal 2.2s ease-out infinite!important;
  pointer-events:none!important;
}
a.whatsapp-float::after{display:none!important;content:none!important;}
a.whatsapp-float img{
  width:33px!important;
  height:33px!important;
  max-width:33px!important;
  max-height:33px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.20))!important;
}
a.whatsapp-float span{display:none!important;}
a.whatsapp-float:hover{transform:translateY(-6px) scale(1.06)!important;}
@keyframes waButtonFloatFinal{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}
@keyframes waButtonRingFinal{0%{transform:scale(.75);opacity:.75}100%{transform:scale(1.42);opacity:0}}

/* 3) WhatsApp icons flowing/shooting across only the index page */
.wa-shooters{
  position:fixed!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  overflow:hidden!important;
  display:block!important;
}
.wa-shooters span{
  position:absolute!important;
  left:-80px!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.86) url('w.png') center/23px 23px no-repeat!important;
  box-shadow:0 14px 34px rgba(18,140,74,.20),inset 0 1px 0 rgba(255,255,255,.8)!important;
  opacity:.42!important;
  filter:blur(.05px)!important;
  animation:waShootAcrossFinal 15s linear infinite!important;
}
.wa-shooters span:nth-child(1){top:12%;animation-delay:0s;animation-duration:16s}.wa-shooters span:nth-child(2){top:23%;animation-delay:-6s;animation-duration:20s}.wa-shooters span:nth-child(3){top:35%;animation-delay:-11s;animation-duration:17s}.wa-shooters span:nth-child(4){top:48%;animation-delay:-3s;animation-duration:22s}.wa-shooters span:nth-child(5){top:61%;animation-delay:-9s;animation-duration:19s}.wa-shooters span:nth-child(6){top:76%;animation-delay:-14s;animation-duration:24s}.wa-shooters span:nth-child(7){top:18%;animation-delay:-17s;animation-duration:26s}.wa-shooters span:nth-child(8){top:86%;animation-delay:-20s;animation-duration:21s}
@keyframes waShootAcrossFinal{
  0%{transform:translate3d(-100px,0,0) rotate(0deg) scale(.7);opacity:0}
  10%{opacity:.42}
  50%{transform:translate3d(53vw,-30px,0) rotate(180deg) scale(1)}
  88%{opacity:.34}
  100%{transform:translate3d(calc(100vw + 120px),22px,0) rotate(360deg) scale(.82);opacity:0}
}
.site-header{z-index:1000!important;}
.footer{position:relative!important;z-index:5!important;display:grid!important;visibility:visible!important;opacity:1!important;}

/* 4) Phone menu perfect: centered, clean, opens full-width under header */
@media(max-width:980px){
  main{padding-top:88px!important;}
  .site-header{
    position:fixed!important;
    top:8px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 16px)!important;
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:22px!important;
    overflow:visible!important;
  }
  .brand{min-width:0!important;max-width:100%!important;gap:9px!important;}
  .brand img{width:42px!important;height:42px!important;flex:0 0 42px!important;}
  .brand span{font-size:.95rem!important;max-width:calc(100vw - 116px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    z-index:3!important;
  }
  .nav{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,248,255,.90))!important;
    border:1px solid rgba(255,255,255,.9)!important;
    box-shadow:0 24px 60px rgba(15,23,42,.24)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
    transform:translateY(-10px) scale(.98)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
  }
  .site-header.menu-open .nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .nav a{
    width:100%!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:16px!important;
    font-size:1rem!important;
    font-weight:950!important;
    background:rgba(255,255,255,.66)!important;
  }
  .nav a::after{bottom:7px!important;width:38px!important;left:50%!important;transform:translateX(-50%) scaleX(0)!important;}
  .nav a:hover::after,.nav a.active::after{transform:translateX(-50%) scaleX(1)!important;}
  .nav-donate{display:none!important;}
  a.whatsapp-float{right:14px!important;bottom:14px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;}
  a.whatsapp-float img{width:30px!important;height:30px!important;}
  .wa-shooters span{width:29px!important;height:29px!important;background-size:19px 19px!important;opacity:.24!important;}
}
@media(max-width:560px){
  main{padding-top:82px!important;}
  .site-header{width:calc(100% - 14px)!important;min-height:60px!important;border-radius:20px!important;}
  .brand img{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .brand span{font-size:.9rem!important;max-width:calc(100vw - 108px)!important;}
  .menu-toggle{width:40px!important;height:40px!important;}
  .nav{top:calc(100% + 8px)!important;padding:10px!important;border-radius:20px!important;}
  .nav a{height:48px!important;font-size:.96rem!important;}
  .footer{display:grid!important;grid-template-columns:1fr!important;padding:42px 18px 22px!important;}
}


/* === FINAL STRICT FIX: loader locked, WhatsApp removed, phone menu stable === */
html.is-loading,
html.is-loading body,
body.is-loading{
  overflow:hidden!important;
  height:100vh!important;
  max-height:100vh!important;
  touch-action:none!important;
}
.cinematic-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:radial-gradient(circle at 50% 40%,#173b8f 0%,#07142f 42%,#000 100%)!important;
}
.cinematic-loader.hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .7s ease, visibility .7s ease!important;
}
.cinematic-loader.loader-gone{display:none!important;}
.cinematic-loader .intro-logo-wrap{z-index:2!important;}
.cinematic-loader .intro-logo{display:block!important;opacity:1!important;visibility:visible!important;}
/* Broken WhatsApp floating/shooting removed completely */
.whatsapp-float,
.wa-shooters,
.wa-shooters span,
body > a.whatsapp-float,
a.whatsapp-float{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  main{padding-top:92px!important;}
  .site-header{grid-template-columns:1fr auto!important;gap:10px!important;padding:9px 10px!important;}
  .brand{min-width:0!important;}
  .brand img{width:42px!important;height:42px!important;flex-basis:42px!important;}
  .brand span{font-size:.92rem!important;max-width:calc(100vw - 120px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .menu-toggle{display:grid!important;place-items:center!important;justify-self:end!important;}
  .nav-donate{display:none!important;}
  .nav{display:none!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;width:100%!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 55px rgba(15,23,42,.22)!important;}
  .site-header.menu-open .nav{display:grid!important;}
  .nav a{width:100%!important;height:48px!important;justify-content:center!important;}
  .hero-actions,.center{justify-content:center!important;text-align:center!important;}
  .btn{width:100%!important;max-width:280px!important;justify-content:center!important;}
}

/* === FOOTER COLOR FINAL POLISH === */
.footer{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(37,99,235,.34),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(14,165,233,.24),transparent 30%),
    radial-gradient(circle at 50% 120%,rgba(34,197,94,.18),transparent 34%),
    linear-gradient(135deg,#020617 0%,#07152d 44%,#061b2f 100%)!important;
  color:#f8fbff!important;
  border-top:1px solid rgba(147,197,253,.22)!important;
  box-shadow:0 -26px 80px rgba(2,6,23,.30)!important;
}
.footer::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),
    radial-gradient(circle at 25% 0%,rgba(255,255,255,.10),transparent 35%)!important;
  opacity:.85!important;
  transform:none!important;
  animation:footerSoftShine 7s ease-in-out infinite alternate!important;
  pointer-events:none!important;
  z-index:0!important;
}
.footer::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  pointer-events:none;
  z-index:0;
}
.footer>*{position:relative!important;z-index:1!important;}
.footer h3,
.footer h4{
  color:#ffffff!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 18px rgba(59,130,246,.22)!important;
}
.footer h4{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(147,197,253,.28)!important;
}
.footer p{
  color:rgba(226,239,255,.84)!important;
}
.footer a{
  color:rgba(235,245,255,.88)!important;
  padding:7px 10px!important;
  margin-left:-10px!important;
  border-radius:13px!important;
  width:max-content!important;
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important;
}
.footer a:hover{
  color:#ffffff!important;
  background:rgba(255,255,255,.10)!important;
  transform:translateX(5px)!important;
  box-shadow:0 10px 28px rgba(14,165,233,.12)!important;
}
.footer img:not(.social-icon){
  background:rgba(255,255,255,.94)!important;
  border-radius:18px!important;
  padding:7px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.32),0 0 0 1px rgba(255,255,255,.16)!important;
}
.footer .social-icon{
  width:25px!important;
  height:25px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 18px rgba(2,6,23,.18)!important;
}
.footer .copy{
  color:rgba(226,239,255,.78)!important;
  border-top:1px solid rgba(147,197,253,.20)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:18px!important;
  padding:16px 18px!important;
  margin-top:8px!important;
}
@keyframes footerSoftShine{
  from{opacity:.58;filter:blur(0);}
  to{opacity:1;filter:blur(.2px);}
}
@media(max-width:980px){
  .footer{grid-template-columns:1fr 1fr!important;gap:22px!important;padding:46px 24px 24px!important;}
  .footer::after{inset:10px;border-radius:22px;}
}
@media(max-width:560px){
  .footer{grid-template-columns:1fr!important;gap:18px!important;padding:40px 16px 20px!important;text-align:left!important;}
  .footer a{width:100%!important;margin-left:0!important;padding:9px 10px!important;}
  .footer .copy{grid-column:1!important;text-align:center!important;font-size:.84rem!important;line-height:1.55!important;}
}

/* === COMPACT PHONE FOOTER FIX — final override === */
@media (max-width: 768px){
  .footer{
    grid-template-columns: 1fr !important;
    padding: 26px 14px 14px !important;
    gap: 10px !important;
    text-align: center !important;
    align-items: center !important;
  }
  .footer::after{inset:7px!important;border-radius:18px!important;}
  .footer > div{
    width:100% !important;
    margin:0 !important;
  }
  .footer img:not(.social-icon){
    width:44px !important;
    height:44px !important;
    margin:0 auto 7px !important;
    border-radius:13px !important;
    padding:5px !important;
  }
  .footer h3{
    font-size:18px !important;
    line-height:1.15 !important;
    margin:0 0 5px !important;
  }
  .footer h4{
    font-size:13px !important;
    line-height:1.15 !important;
    margin:0 0 6px !important;
    padding-bottom:4px !important;
    justify-content:center !important;
  }
  .footer p{
    font-size:12px !important;
    line-height:1.38 !important;
    margin:0 auto 4px !important;
    max-width:310px !important;
  }
  .footer a{
    width:auto !important;
    min-height:0 !important;
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:2px 4px !important;
    padding:5px 8px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    border-radius:10px !important;
    gap:5px !important;
    transform:none !important;
  }
  .footer a:hover{transform:none!important;}
  .footer .social-icon{
    width:17px !important;
    height:17px !important;
    padding:2px !important;
    flex:0 0 17px !important;
  }
  .footer .copy{
    grid-column:1 !important;
    margin-top:5px !important;
    padding:9px 8px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }
}

@media (max-width: 420px){
  .footer{
    padding:22px 12px 12px !important;
    gap:8px !important;
  }
  .footer p{font-size:11.5px!important;}
  .footer a{font-size:11.5px!important;padding:4px 7px!important;margin:1px 2px!important;}
  .footer h3{font-size:17px!important;}
  .footer h4{font-size:12.5px!important;}
  .footer .copy{font-size:10px!important;padding:8px 7px!important;}
}

/* === FINAL PHONE IMAGE RESPONSIVE FIX === */
@media (max-width: 768px){
  body{overflow-x:hidden!important;}

  .hero{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:22px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .hero-content,
  .section-head,
  .founder-copy{
    width:100%!important;
    max-width:100%!important;
  }

  .hero-panel{
    width:100%!important;
    max-width:350px!important;
    margin:0 auto!important;
    padding:10px!important;
    border-radius:24px!important;
    transform:none!important;
  }

  .hero-panel img{
    width:100%!important;
    height:clamp(230px, 68vw, 310px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:18px!important;
    display:block!important;
  }

  .founder-card{
    grid-template-columns:1fr!important;
    padding:16px!important;
    gap:18px!important;
  }

  .founder-photo{
    width:100%!important;
    max-width:350px!important;
    margin:0 auto!important;
  }

  .founder-photo img{
    width:100%!important;
    height:clamp(280px, 82vw, 390px)!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    border-radius:20px!important;
    display:block!important;
  }

  .home-grid,
  .mega-gallery,
  .vision-grid,
  .two-col,
  .three,
  .donation-layout,
  .contact-layout,
  .terms-layout{
    grid-template-columns:1fr!important;
  }

  .image-card{
    width:100%!important;
    max-width:380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:22px!important;
  }

  .image-card img{
    width:100%!important;
    height:clamp(210px, 62vw, 280px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .gallery-item{
    width:100%!important;
    max-width:380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .gallery-item img{
    width:100%!important;
    height:clamp(210px, 62vw, 285px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .donation-visual{
    width:100%!important;
    max-width:380px!important;
    margin:0 auto!important;
  }

  .donation-visual img{
    width:100%!important;
    height:clamp(260px, 72vw, 340px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .news-band img{
    width:100%!important;
    height:clamp(220px, 64vw, 300px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:18px!important;
  }

  .page-hero,
  .section{
    overflow:hidden!important;
  }
}

@media (max-width: 420px){
  .hero-panel{max-width:320px!important;}
  .hero-panel img{height:245px!important;}
  .image-card img,.gallery-item img{height:220px!important;}
  .founder-photo img{height:315px!important;}
}

/* ==========================
   FINAL MOBILE GALLERY FIX
   Smaller, cleaner gallery page on phones
========================== */
@media (max-width: 768px){
  body.gallery-page main{
    padding-top: 78px !important;
  }

  .gallery-page .page-hero,
  .gallery-hero{
    min-height: auto !important;
    padding: 36px 14px 26px !important;
  }

  .gallery-page .page-hero h1,
  .gallery-hero h1{
    font-size: 2.25rem !important;
    line-height: 1 !important;
    margin: 0 0 10px !important;
  }

  .gallery-page .page-hero p,
  .gallery-hero p{
    font-size: .88rem !important;
    line-height: 1.45 !important;
    max-width: 94% !important;
    margin: 0 auto !important;
  }

  .gallery-tabs{
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .gallery-tabs a{
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: .78rem !important;
    border-radius: 999px !important;
  }

  .gallery-section.section,
  .gallery-page .section{
    padding: 34px 10px !important;
  }

  .gallery-page .section-head{
    margin-bottom: 18px !important;
    padding: 0 6px !important;
  }

  .gallery-page .section-head span{
    font-size: .72rem !important;
    letter-spacing: .08em !important;
  }

  .gallery-page .section-head h2{
    font-size: 1.55rem !important;
    line-height: 1.08 !important;
    margin: 7px 0 !important;
    letter-spacing: -.025em !important;
  }

  .gallery-page .section-head p{
    font-size: .84rem !important;
    line-height: 1.45 !important;
  }

  .mega-gallery,
  .compact-gallery{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .gallery-item{
    border-radius: 13px !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.12) !important;
    animation-duration: 5.5s !important;
  }

  .gallery-item img{
    height: 128px !important;
    border-radius: 13px !important;
    object-fit: cover !important;
  }

  .gallery-item div{
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    padding: 5px 7px !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.82) !important;
  }

  .gallery-item b{
    font-size: .68rem !important;
    line-height: 1 !important;
  }

  .gallery-item span{
    display: none !important;
  }

  .news-band{
    padding: 16px !important;
    gap: 14px !important;
    border-radius: 20px !important;
  }

  .news-band h2{
    font-size: 1.35rem !important;
    margin: 8px 0 !important;
  }

  .news-band p{
    font-size: .84rem !important;
    line-height: 1.45 !important;
  }

  .news-band img{
    max-height: 180px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 420px){
  .mega-gallery,
  .compact-gallery{
    gap: 7px !important;
  }

  .gallery-item img{
    height: 112px !important;
  }

  .gallery-page .section,
  .gallery-section.section{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* =====================================================
   PHONE GALLERY RIGHT-SLIDE / SWIPE CAROUSEL FIX
   Desktop gallery remains unchanged. Mobile becomes a
   smooth horizontal slider with snap cards.
===================================================== */
@media (max-width: 768px){
  .gallery-page .mega-gallery,
  .gallery-page .compact-gallery{
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 8px 18px 22px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    cursor: grab !important;
  }

  .gallery-page .mega-gallery::-webkit-scrollbar,
  .gallery-page .compact-gallery::-webkit-scrollbar{
    display: none !important;
  }

  .gallery-page .mega-gallery.is-dragging,
  .gallery-page .compact-gallery.is-dragging{
    cursor: grabbing !important;
    scroll-snap-type: none !important;
  }

  .gallery-page .gallery-item{
    flex: 0 0 78% !important;
    min-width: 78% !important;
    max-width: 78% !important;
    scroll-snap-align: center !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.18) !important;
    transform: translateZ(0) scale(.96) !important;
    transition: transform .38s cubic-bezier(.2,1,.25,1), box-shadow .38s ease, opacity .38s ease !important;
    opacity: .92 !important;
  }

  .gallery-page .gallery-item:hover,
  .gallery-page .gallery-item:active{
    transform: translateZ(0) scale(.99) !important;
  }

  .gallery-page .gallery-item img{
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    display: block !important;
  }

  .gallery-page .gallery-item div{
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.84) !important;
    backdrop-filter: blur(14px) !important;
  }

  .gallery-page .gallery-item b{
    font-size: .8rem !important;
  }

  .gallery-page .gallery-slider-hint{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: -4px auto 14px !important;
    color: #475467 !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    opacity: .9 !important;
  }

  .gallery-page .gallery-slider-hint::before,
  .gallery-page .gallery-slider-hint::after{
    content: "" !important;
    width: 28px !important;
    height: 1px !important;
    background: rgba(71,84,103,.28) !important;
  }

  .gallery-page .gallery-dots{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 4px auto 22px !important;
  }

  .gallery-page .gallery-dots span{
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(29,78,216,.28) !important;
    transition: width .28s ease, background .28s ease !important;
  }

  .gallery-page .gallery-dots span.active{
    width: 22px !important;
    background: linear-gradient(90deg,#2563eb,#ec4899) !important;
  }
}

@media (max-width: 420px){
  .gallery-page .gallery-item{
    flex-basis: 82% !important;
    min-width: 82% !important;
    max-width: 82% !important;
  }
  .gallery-page .gallery-item img{
    height: 205px !important;
  }
}

/* =========================================================
   PREMIUM GLOSSY + BOUNCY IMPACT STATS
   ========================================================= */
.stats{
  position:relative!important;
  isolation:isolate!important;
  padding:10px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.75)!important;
  backdrop-filter:blur(18px)!important;
}
.stats::before{
  content:"";
  position:absolute;
  inset:-28%;
  z-index:-1;
  background:
    radial-gradient(circle at 16% 20%,rgba(48,124,255,.28),transparent 34%),
    radial-gradient(circle at 86% 18%,rgba(255,73,128,.24),transparent 34%),
    radial-gradient(circle at 52% 92%,rgba(0,215,255,.22),transparent 36%);
  filter:blur(10px);
  animation:statsAuraMove 9s ease-in-out infinite alternate;
  pointer-events:none;
}
.stats div{
  position:relative!important;
  overflow:hidden!important;
  min-height:148px!important;
  border-radius:28px!important;
  padding:24px 16px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.46) 52%,rgba(219,234,254,.38)),
    radial-gradient(circle at 20% 0%,rgba(255,255,255,.95),transparent 42%)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 24px 58px rgba(37,99,235,.16),
    0 12px 30px rgba(236,72,153,.08),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -18px 34px rgba(37,99,235,.06)!important;
  transform:translateZ(0)!important;
  animation:statWaterBounce 4.4s cubic-bezier(.45,0,.2,1) infinite, statSoftGlow 5.5s ease-in-out infinite alternate!important;
}
.stats div::before{
  content:""!important;
  position:absolute!important;
  inset:-60%!important;
  z-index:0!important;
  background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,255,255,.95),transparent 32% 56%,rgba(0,194,255,.22),transparent 68% 100%)!important;
  animation:statGlassSpin 7.5s linear infinite!important;
  opacity:.72!important;
}
.stats div::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  z-index:0!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.72),rgba(255,255,255,.16) 42%,rgba(255,255,255,.55) 44%,rgba(255,255,255,.10) 58%),
    radial-gradient(circle at 30% 12%,rgba(255,255,255,.85),transparent 32%)!important;
  pointer-events:none!important;
}
.stats div>*{position:relative!important;z-index:2!important}
.stats b{
  display:block!important;
  font-size:clamp(2.15rem,4vw,3.45rem)!important;
  font-weight:1000!important;
  letter-spacing:-.06em!important;
  line-height:.92!important;
  background:linear-gradient(110deg,#0b2cc7 0%,#0575ff 28%,#00c8ff 48%,#ff3d79 78%,#7c2dff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 10px 18px rgba(37,99,235,.22))!important;
  animation:numberPop 2.9s ease-in-out infinite!important;
}
.stats b::after{
  content:"+"!important;
  font-size:.58em!important;
  margin-left:3px!important;
  vertical-align:20%!important;
  background:linear-gradient(135deg,#ff2d6f,#2563eb)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.stats span{
  display:block!important;
  margin-top:12px!important;
  font-size:.88rem!important;
  font-weight:1000!important;
  color:#172554!important;
  text-transform:uppercase!important;
  letter-spacing:.075em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
}
.stats div:nth-child(1){animation-delay:0s!important}
.stats div:nth-child(2){animation-delay:.35s!important}
.stats div:nth-child(3){animation-delay:.7s!important}
.stats div:nth-child(4){animation-delay:1.05s!important}
.stats div:hover{
  transform:translateY(-12px) scale(1.035) rotateX(5deg)!important;
  box-shadow:
    0 34px 90px rgba(37,99,235,.25),
    0 16px 45px rgba(236,72,153,.14),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
@keyframes statsAuraMove{
  0%{transform:translate3d(-2%,0,0) scale(1)}
  100%{transform:translate3d(2%,-3%,0) scale(1.08)}
}
@keyframes statGlassSpin{to{transform:rotate(360deg)}}
@keyframes statWaterBounce{
  0%,100%{transform:translateY(0) scale(1);border-radius:28px}
  28%{transform:translateY(-7px) scale(1.018);border-radius:34px 24px 32px 24px}
  52%{transform:translateY(2px) scale(.992);border-radius:24px 34px 24px 32px}
  74%{transform:translateY(-3px) scale(1.008);border-radius:30px 26px 34px 24px}
}
@keyframes statSoftGlow{
  0%{filter:saturate(1) brightness(1)}
  100%{filter:saturate(1.18) brightness(1.045)}
}
@keyframes numberPop{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.045)}
  60%{transform:scale(.985)}
}
@media(max-width:560px){
  .stats{
    width:calc(100% - 18px)!important;
    gap:10px!important;
    padding:8px!important;
    border-radius:26px!important;
  }
  .stats div{
    min-height:112px!important;
    padding:17px 8px!important;
    border-radius:22px!important;
    animation-duration:4.8s!important;
  }
  .stats b{font-size:1.95rem!important;letter-spacing:-.05em!important}
  .stats span{font-size:.68rem!important;line-height:1.25!important;letter-spacing:.045em!important;margin-top:9px!important}
}

/* =========================================================
   FINAL STATS SIZE + SMOOTH MOTION TUNE
   ========================================================= */
.stats{
  padding:7px!important;
  border-radius:28px!important;
  gap:12px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.70)!important;
}
.stats div{
  min-height:112px!important;
  padding:17px 12px!important;
  border-radius:22px!important;
  box-shadow:
    0 16px 38px rgba(37,99,235,.12),
    0 8px 22px rgba(236,72,153,.06),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -12px 24px rgba(37,99,235,.045)!important;
  animation:statSmoothFloat 6.8s cubic-bezier(.45,0,.25,1) infinite, statSoftGlow 7.5s ease-in-out infinite alternate!important;
}
.stats div::before{
  opacity:.45!important;
  animation-duration:12s!important;
}
.stats b{
  font-size:clamp(1.72rem,2.65vw,2.45rem)!important;
  line-height:.96!important;
  filter:drop-shadow(0 7px 12px rgba(37,99,235,.15))!important;
  animation:numberSmoothPulse 4.8s ease-in-out infinite!important;
}
.stats span{
  margin-top:8px!important;
  font-size:.74rem!important;
  letter-spacing:.055em!important;
  line-height:1.25!important;
}
.stats div:hover{
  transform:translateY(-6px) scale(1.015)!important;
  box-shadow:
    0 24px 58px rgba(37,99,235,.18),
    0 10px 28px rgba(236,72,153,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
@keyframes statSmoothFloat{
  0%,100%{transform:translateY(0) scale(1);border-radius:22px}
  45%{transform:translateY(-4px) scale(1.006);border-radius:25px 21px 24px 21px}
  70%{transform:translateY(1px) scale(.998);border-radius:21px 25px 21px 24px}
}
@keyframes numberSmoothPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.018)}
}
@media(max-width:980px){
  .stats{gap:10px!important;padding:6px!important}
  .stats div{min-height:102px!important;padding:15px 9px!important;border-radius:20px!important}
  .stats b{font-size:1.82rem!important}
  .stats span{font-size:.68rem!important;margin-top:7px!important}
}
@media(max-width:560px){
  .stats{width:calc(100% - 20px)!important;gap:8px!important;padding:6px!important;border-radius:22px!important;margin-bottom:24px!important}
  .stats div{min-height:92px!important;padding:13px 6px!important;border-radius:18px!important;animation-duration:7.2s!important}
  .stats b{font-size:1.55rem!important;letter-spacing:-.04em!important}
  .stats b::after{font-size:.48em!important;margin-left:1px!important}
  .stats span{font-size:.58rem!important;line-height:1.2!important;letter-spacing:.035em!important;margin-top:6px!important}
}

/* =========================================================
   FINAL LIQUID GLASS STATS - SMALL, SMOOTH, BLURRED BG
   ========================================================= */
.stats{
  position:relative!important;
  isolation:isolate!important;
  width:min(1040px,calc(100% - 42px))!important;
  margin:10px auto 38px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.62)!important;
  overflow:hidden!important;
}
.stats::before,
.stats::after{
  content:""!important;
  position:absolute!important;
  width:360px!important;
  height:360px!important;
  border-radius:999px!important;
  filter:blur(105px)!important;
  opacity:.32!important;
  z-index:-1!important;
  pointer-events:none!important;
  animation:statsBlurMove 9s ease-in-out infinite alternate!important;
}
.stats::before{
  left:-145px!important;
  top:-130px!important;
  background:radial-gradient(circle,rgba(37,99,235,.72),rgba(14,165,233,.24),transparent 68%)!important;
}
.stats::after{
  right:-150px!important;
  bottom:-150px!important;
  background:radial-gradient(circle,rgba(236,72,153,.62),rgba(139,92,246,.28),transparent 70%)!important;
  animation-delay:-3s!important;
}
.stats>div{
  position:relative!important;
  overflow:hidden!important;
  min-height:106px!important;
  padding:18px 12px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.18))!important;
  backdrop-filter:blur(26px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.35)!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 14px 34px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.85), inset 0 -14px 28px rgba(37,99,235,.055)!important;
  transform:translateZ(0)!important;
  animation:liquidGlassFloat 6.2s cubic-bezier(.45,0,.25,1) infinite, liquidGlassGlow 7.5s ease-in-out infinite alternate!important;
  transition:transform .45s cubic-bezier(.2,1,.3,1), box-shadow .45s ease, border-color .45s ease!important;
  will-change:transform!important;
}
.stats>div::before{
  content:""!important;
  position:absolute!important;
  inset:-65%!important;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.48) 50%,transparent 65%)!important;
  transform:translateX(-130%) rotate(20deg)!important;
  opacity:.62!important;
  animation:liquidGlassShine 5.8s ease-in-out infinite!important;
  z-index:0!important;
}
.stats>div::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.68),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04))!important;
  pointer-events:none!important;
  z-index:0!important;
}
.stats>div>*{position:relative!important;z-index:2!important}
.stats b{
  font-size:clamp(1.65rem,2.55vw,2.28rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  background:linear-gradient(135deg,#0f3cc9,#04a7ff 48%,#ff3377)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 7px 12px rgba(37,99,235,.16))!important;
  animation:statNumberBreath 5.5s ease-in-out infinite!important;
}
.stats b::after{content:"+"!important;font-size:.50em!important;margin-left:2px!important;vertical-align:top!important}
.stats span{
  margin-top:7px!important;
  font-size:.70rem!important;
  line-height:1.18!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  color:rgba(15,23,42,.72)!important;
}
.stats>div:nth-child(2){animation-delay:-1.1s!important}
.stats>div:nth-child(3){animation-delay:-2.2s!important}
.stats>div:nth-child(4){animation-delay:-3.3s!important}
.stats>div:hover{
  transform:translateY(-7px) scale(1.018)!important;
  border-color:rgba(255,255,255,.75)!important;
  box-shadow:0 24px 62px rgba(37,99,235,.18), 0 12px 30px rgba(236,72,153,.10), inset 0 1px 0 rgba(255,255,255,1)!important;
}
@keyframes statsBlurMove{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(42px,28px,0) scale(1.12)}
}
@keyframes liquidGlassFloat{
  0%,100%{transform:translateY(0) scale(1);border-radius:24px}
  42%{transform:translateY(-5px) scale(1.006);border-radius:28px 22px 27px 22px}
  70%{transform:translateY(1px) scale(.998);border-radius:22px 28px 22px 27px}
}
@keyframes liquidGlassGlow{
  0%{box-shadow:0 14px 34px rgba(37,99,235,.11), inset 0 1px 0 rgba(255,255,255,.85), inset 0 -14px 28px rgba(37,99,235,.055)}
  100%{box-shadow:0 20px 48px rgba(37,99,235,.17), 0 8px 26px rgba(236,72,153,.08), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -14px 28px rgba(139,92,246,.065)}
}
@keyframes liquidGlassShine{
  0%,28%{transform:translateX(-135%) rotate(20deg)}
  58%,100%{transform:translateX(135%) rotate(20deg)}
}
@keyframes statNumberBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.018)}
}
@media(max-width:980px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 28px)!important;gap:11px!important;padding:9px!important;border-radius:26px!important}
  .stats>div{min-height:98px!important;padding:15px 8px!important;border-radius:21px!important}
  .stats b{font-size:1.76rem!important}
  .stats span{font-size:.64rem!important;margin-top:6px!important}
}
@media(max-width:560px){
  .stats{width:calc(100% - 20px)!important;gap:8px!important;padding:7px!important;border-radius:23px!important;margin:4px auto 24px!important}
  .stats::before,.stats::after{width:250px!important;height:250px!important;filter:blur(90px)!important;opacity:.28!important}
  .stats>div{min-height:86px!important;padding:12px 5px!important;border-radius:18px!important;animation-duration:7.4s!important}
  .stats b{font-size:1.42rem!important;letter-spacing:-.04em!important}
  .stats b::after{font-size:.45em!important;margin-left:1px!important}
  .stats span{font-size:.52rem!important;line-height:1.15!important;letter-spacing:.03em!important;margin-top:5px!important}
}

/* =========================================================
   FINAL MOBILE INDEX POLISH - MAJOR ACTIVITIES + BLOCKS
   Keeps desktop unchanged, makes phone launch-clean.
   ========================================================= */
@media (max-width: 768px){
  body{overflow-x:hidden!important;}
  main{width:100%!important;overflow:hidden!important;}

  /* cleaner section spacing on phone */
  .section{padding:42px 14px!important;}
  .section-head{margin-bottom:20px!important;max-width:100%!important;}
  .section-head span{font-size:.72rem!important;letter-spacing:.16em!important;}
  .section-head h2{
    font-size:clamp(1.55rem,7.3vw,2.15rem)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    margin:8px 0 8px!important;
  }
  .section-head p{font-size:.92rem!important;line-height:1.55!important;margin:0 auto!important;}

  /* Major Activities by NGO - compact mobile cards */
  .home-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  .home-grid .image-card{
    border-radius:18px!important;
    overflow:hidden!important;
    min-height:0!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
    animation:mobileCardFloat 7.2s ease-in-out infinite!important;
  }
  .home-grid .image-card:nth-child(2){animation-delay:-1.3s!important;}
  .home-grid .image-card:nth-child(3){animation-delay:-2.6s!important;}
  .home-grid .image-card:nth-child(4){animation-delay:-3.9s!important;}
  .home-grid .image-card img{
    width:100%!important;
    height:126px!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
    border-radius:0!important;
  }
  .home-grid .image-card div{
    padding:10px 9px 11px!important;
    min-height:96px!important;
  }
  .home-grid .image-card strong{
    font-size:.78rem!important;
    line-height:1.15!important;
    margin-bottom:5px!important;
    letter-spacing:-.01em!important;
  }
  .home-grid .image-card span{
    display:block!important;
    font-size:.66rem!important;
    line-height:1.38!important;
    color:rgba(15,23,42,.66)!important;
  }

  /* Make all common blocks tighter and consistent on phone */
  .glass,.vision-card,.founder-card,.donation-card,.donation-visual,.contact-info,.contact-form,.news-band{
    border-radius:20px!important;
    padding:18px!important;
    box-shadow:0 14px 32px rgba(15,23,42,.10)!important;
  }
  .vision-grid,.two-col,.three,.contact-layout,.donation-layout,.terms-layout{
    gap:14px!important;
  }
  .vision-card h3,.glass h3{font-size:1.02rem!important;line-height:1.18!important;margin-bottom:7px!important;}
  .vision-card p,.glass p,.founder-copy p,.donation-card p,.contact-info p{font-size:.88rem!important;line-height:1.55!important;}

  /* CTA / open gallery button centered and smaller */
  .center{margin-top:18px!important;}
  .center .btn{
    max-width:260px!important;
    min-height:48px!important;
    margin:0 auto!important;
    font-size:.9rem!important;
    border-radius:999px!important;
  }
}

@media (max-width: 430px){
  .home-grid{gap:10px!important;}
  .home-grid .image-card{border-radius:16px!important;}
  .home-grid .image-card img{height:112px!important;}
  .home-grid .image-card div{padding:9px 8px 10px!important;min-height:92px!important;}
  .home-grid .image-card strong{font-size:.72rem!important;}
  .home-grid .image-card span{font-size:.61rem!important;line-height:1.33!important;}
  .section{padding-left:12px!important;padding-right:12px!important;}
}

@media (max-width: 360px){
  .home-grid .image-card img{height:100px!important;}
  .home-grid .image-card div{min-height:88px!important;}
  .home-grid .image-card strong{font-size:.68rem!important;}
  .home-grid .image-card span{font-size:.58rem!important;}
}

@keyframes mobileCardFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.004);}
}


/* =========================================================
   FINAL TOUCH - MODERN EVERY SMILE CTA MOBILE + DESKTOP
   Cleaner 4 impact blocks for phone, newer smooth animation.
   ========================================================= */
.dark-cta{
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(56,189,248,.46), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(244,114,182,.42), transparent 30%),
    radial-gradient(circle at 52% 105%, rgba(34,197,94,.20), transparent 34%),
    linear-gradient(135deg,#061525 0%,#102c63 48%,#4b1537 100%)!important;
  box-shadow:0 32px 90px rgba(2,8,23,.34), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.dark-cta h2{
  text-wrap:balance;
  background:linear-gradient(120deg,#fff 0%,#c7f2ff 42%,#ffe1ee 72%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.dark-cta p{text-wrap:pretty;}
.cta-stats{
  perspective:900px;
}
.cta-stats div{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  min-height:104px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 18px 44px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.32)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
  animation:ctaCardWave 6.8s ease-in-out infinite, ctaCardGlow 5.5s ease-in-out infinite alternate!important;
}
.cta-stats div:nth-child(2){animation-delay:-1.1s!important;}
.cta-stats div:nth-child(3){animation-delay:-2.2s!important;}
.cta-stats div:nth-child(4){animation-delay:-3.3s!important;}
.cta-stats div::before{
  content:"";
  position:absolute;
  inset:-60%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.34) 49%,transparent 63%);
  transform:translateX(-120%) rotate(18deg);
  animation:ctaSoftShine 5.8s ease-in-out infinite;
  pointer-events:none;
}
.cta-stats div::after{
  content:"";
  position:absolute;
  width:68px;
  height:68px;
  right:-24px;
  top:-24px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  filter:blur(2px);
  pointer-events:none;
}
.cta-stats b{
  position:relative;
  z-index:1;
  font-size:clamp(1.35rem,2.4vw,1.95rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  margin-bottom:8px!important;
}
.cta-stats span{
  position:relative;
  z-index:1;
  font-size:.78rem!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  color:rgba(255,255,255,.82)!important;
}
@keyframes ctaCardWave{
  0%,100%{transform:translateY(0) rotateX(0deg) scale(1);border-radius:24px;}
  45%{transform:translateY(-7px) rotateX(2deg) scale(1.012);border-radius:28px 22px 27px 22px;}
  70%{transform:translateY(1px) rotateX(-1deg) scale(.998);border-radius:22px 28px 22px 27px;}
}
@keyframes ctaCardGlow{
  0%{box-shadow:0 16px 38px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.28);}
  100%{box-shadow:0 24px 58px rgba(56,189,248,.20),0 10px 30px rgba(244,114,182,.11), inset 0 1px 0 rgba(255,255,255,.38);}
}
@keyframes ctaSoftShine{
  0%,30%{transform:translateX(-130%) rotate(18deg);}
  64%,100%{transform:translateX(130%) rotate(18deg);}
}

@media(max-width:768px){
  .dark-cta{
    width:calc(100% - 24px)!important;
    margin:8px auto 44px!important;
    padding:42px 14px 18px!important;
    border-radius:28px!important;
  }
  .dark-cta::after{inset:8px!important;border-radius:22px!important;}
  .dark-cta h2{
    font-size:clamp(1.8rem,9.2vw,2.7rem)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    max-width:340px!important;
    margin-bottom:12px!important;
  }
  .dark-cta p{
    max-width:330px!important;
    font-size:.86rem!important;
    line-height:1.52!important;
    margin-bottom:18px!important;
  }
  .dark-cta .cta-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:285px!important;
    margin:0 auto 18px!important;
  }
  .dark-cta .cta-actions .btn{
    min-height:46px!important;
    font-size:.86rem!important;
    border-radius:999px!important;
  }
  .cta-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:340px!important;
    margin:18px auto 0!important;
  }
  .cta-stats div{
    min-height:82px!important;
    padding:12px 6px!important;
    border-radius:18px!important;
    animation-duration:7.6s!important;
  }
  .cta-stats b{
    font-size:1.25rem!important;
    margin-bottom:5px!important;
  }
  .cta-stats b::after{font-size:.48em!important;}
  .cta-stats span{
    font-size:.55rem!important;
    letter-spacing:.07em!important;
    line-height:1.1!important;
  }
}

@media(max-width:380px){
  .dark-cta{padding-left:12px!important;padding-right:12px!important;}
  .cta-stats{gap:8px!important;}
  .cta-stats div{min-height:76px!important;padding:10px 5px!important;}
  .cta-stats b{font-size:1.1rem!important;}
  .cta-stats span{font-size:.5rem!important;}
}

/* =========================================================
   FINAL TOUCH: synced blocks + red background shadows + gallery CTA center
   ========================================================= */
:root{
  --final-red-glow: rgba(255, 45, 85, .24);
  --final-red-glow-soft: rgba(220, 38, 38, .16);
}

/* Soft red shadows behind important sections */
.section,
.stats,
.dark-cta,
.news-band,
.home-grid,
.vision-grid,
.cta-stats{
  position:relative;
  isolation:isolate;
}
.section::before,
.home-grid::before,
.vision-grid::before,
.news-band::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle, var(--final-red-glow), transparent 66%);
  filter:blur(42px);
  opacity:.55;
  z-index:-1;
  pointer-events:none;
  right:min(4vw,44px);
  top:20px;
  animation:redShadowBreath 7.5s ease-in-out infinite;
}
.home-grid::before,
.vision-grid::before{
  right:auto;
  left:-70px;
  top:-40px;
  width:310px;
  height:310px;
  opacity:.42;
}
.news-band::before{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:420px;
  height:220px;
  opacity:.50;
}

/* Sync all card/block animations so they feel intentional, not random */
.vision-card,
.image-card,
.glass,
.cta-stats div,
.stats div,
.gallery-item,
.founder-mini-stats div{
  animation:finalSyncedFloat 7.2s cubic-bezier(.45,0,.25,1) infinite!important;
  animation-delay:0s!important;
  will-change:transform, box-shadow;
}
.vision-card::after,
.image-card::after,
.glass::after,
.cta-stats div::after,
.stats div::after,
.gallery-item::after{
  animation-delay:0s!important;
}

/* More premium red-tinted glass shadow on important cards */
.image-card,
.vision-card,
.glass,
.stats div,
.cta-stats div,
.news-band{
  box-shadow:
    0 18px 45px rgba(15,23,42,.12),
    0 10px 34px var(--final-red-glow-soft),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.image-card:hover,
.vision-card:hover,
.glass:hover,
.stats div:hover,
.cta-stats div:hover{
  box-shadow:
    0 26px 62px rgba(15,23,42,.16),
    0 18px 48px rgba(255,45,85,.22),
    inset 0 1px 0 rgba(255,255,255,.52)!important;
}

/* Gallery page Send Update button perfectly centered */
.news-band > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.news-band .btn,
.news-band a.btn{
  margin:18px auto 0!important;
  align-self:center!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-width:178px!important;
  text-align:center!important;
}

@keyframes finalSyncedFloat{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
  }
  45%{
    transform:translate3d(0,-5px,0) scale(1.006);
  }
  72%{
    transform:translate3d(0,1px,0) scale(.998);
  }
}
@keyframes redShadowBreath{
  0%,100%{opacity:.32;filter:blur(46px);transform:scale(1)}
  50%{opacity:.62;filter:blur(58px);transform:scale(1.08)}
}

@media(max-width:768px){
  .section::before,
  .home-grid::before,
  .vision-grid::before,
  .news-band::before{
    width:210px!important;
    height:210px!important;
    opacity:.34!important;
    filter:blur(44px)!important;
  }
  .image-card,
  .vision-card,
  .glass,
  .stats div,
  .cta-stats div,
  .gallery-item{
    animation-duration:8.5s!important;
  }
  .news-band{
    text-align:center!important;
    padding:24px 16px!important;
  }
  .news-band .btn,
  .news-band a.btn{
    width:min(230px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* =====================================================
   FINAL TOUCH: Featured Media + synced 4 index cards
   ===================================================== */
.news-band{
  border-radius:26px!important;
  padding:24px!important;
  gap:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,248,224,.72),rgba(255,236,236,.72))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 18px 45px rgba(220,38,38,.14),
    0 10px 30px rgba(250,204,21,.18),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.news-band::before{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,214,102,.36),transparent 34%),
    radial-gradient(circle at 85% 72%,rgba(255,70,70,.22),transparent 38%)!important;
  filter:blur(28px)!important;
  opacity:.95!important;
}
.news-band h2{font-size:clamp(1.45rem,3vw,2.35rem)!important;letter-spacing:-.035em!important;margin:8px 0!important;}
.news-band p{font-size:.98rem!important;line-height:1.6!important;max-width:560px!important;margin-inline:auto!important;}
.news-band img{max-height:270px!important;border-radius:18px!important;box-shadow:0 16px 38px rgba(220,38,38,.16),0 8px 20px rgba(250,204,21,.18)!important;}
.news-band .btn,.news-band a.btn{
  min-height:44px!important;
  padding:0 22px!important;
  font-size:.9rem!important;
  border-radius:999px!important;
  margin:14px auto 0!important;
  box-shadow:0 12px 28px rgba(220,38,38,.16),0 8px 18px rgba(250,204,21,.18)!important;
}

/* All four Major Activities cards now animate together, not one-by-one */
.home-grid .image-card,
.vision-grid .vision-card{
  animation: syncedSoftBounce 4.8s ease-in-out infinite!important;
  animation-delay:0s!important;
  box-shadow:
    0 18px 44px rgba(220,38,38,.12),
    0 9px 26px rgba(250,204,21,.14),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
  border-color:rgba(255,255,255,.9)!important;
}
.home-grid .image-card:nth-child(2),
.home-grid .image-card:nth-child(3),
.home-grid .image-card:nth-child(4),
.vision-grid .vision-card:nth-child(2),
.vision-grid .vision-card:nth-child(3),
.vision-grid .vision-card:nth-child(4){
  animation-delay:0s!important;
}
.home-grid .image-card::after,
.vision-grid .vision-card::after{
  background:
    radial-gradient(circle at 20% 18%,rgba(255,221,87,.28),transparent 34%),
    radial-gradient(circle at 86% 76%,rgba(255,48,48,.18),transparent 42%)!important;
  opacity:.9!important;
}
@keyframes syncedSoftBounce{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-7px) scale(1.012);}
}

@media(max-width:768px){
  .news-band{
    padding:18px!important;
    gap:14px!important;
    border-radius:22px!important;
    width:calc(100% - 18px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .news-band h2{font-size:1.38rem!important;}
  .news-band p{font-size:.84rem!important;line-height:1.48!important;}
  .news-band img{max-height:190px!important;border-radius:16px!important;}
  .news-band .btn,.news-band a.btn{min-height:40px!important;font-size:.82rem!important;padding:0 18px!important;width:auto!important;max-width:210px!important;}
  .home-grid .image-card,
  .vision-grid .vision-card{
    animation: syncedMobileBounce 4.5s ease-in-out infinite!important;
    animation-delay:0s!important;
  }
  @keyframes syncedMobileBounce{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-4px) scale(1.006);}
  }
}

/* =========================================================
   FINAL BUG CLEANUP + BORDERLESS LOGO LOADER
   ========================================================= */
/* Loading screen: remove square/rectangle border around logo */
.intro-logo-wrap{
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.intro-logo-wrap::before,
.intro-logo-wrap::after{display:none!important;content:none!important;}
.intro-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
/* keep loader full-screen and prevent scroll only while it is visible */
html.is-loading,html.is-loading body{overflow:hidden!important;height:100%!important;}
.cinematic-loader{touch-action:none!important;}
.cinematic-loader.hide{pointer-events:none!important;}

/* General launch cleanup */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{min-height:100vh!important;}
main{min-height:60vh;}
img{max-width:100%;height:auto;}
button,a{touch-action:manipulation;}

/* Prevent any animation layer from blocking clicks/scroll */
.film-grain,.light-ray,.hero-bg,.site-header:before,.site-header:after,
.stats::before,.stats::after,.dark-cta::before,.dark-cta::after{
  pointer-events:none!important;
}

/* Footer stable and visible */
.footer{position:relative!important;z-index:2!important;width:100%!important;margin:0!important;}
.footer a{word-break:break-word;}
.footer .copy{grid-column:1/-1!important;}

/* Mobile final safety */
@media(max-width:768px){
  main{padding-top:86px!important;}
  .site-header{width:calc(100% - 18px)!important;top:9px!important;}
  .page-hero{min-height:auto!important;padding-top:72px!important;padding-bottom:38px!important;}
  .section{padding-left:16px!important;padding-right:16px!important;}
  .hero{padding-left:16px!important;padding-right:16px!important;}
  .footer{padding-left:16px!important;padding-right:16px!important;}
}


/* Final loader smoothness patch */
html.is-loading,
body.is-loading{
  background: radial-gradient(circle at 50% 42%, #172554 0%, #020617 62%, #000 100%) !important;
  overscroll-behavior: none;
}
body.is-loading .site-header,
body.is-loading main,
body.is-loading footer,
body.is-loading .wa-shooters,
body.is-loading .scroll-top,
body.is-loading .scroll-progress{
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
}
body.page-ready .site-header,
body.page-ready main,
body.page-ready footer,
body.page-ready .wa-shooters,
body.page-ready .scroll-top,
body.page-ready .scroll-progress{
  opacity:1;
  transform:translateY(0);
  transition:opacity .85s ease, transform .85s cubic-bezier(.22,1,.36,1);
}
.cinematic-loader{
  background:radial-gradient(circle at 50% 42%, #1e3a8a 0%, #020617 62%, #000 100%) !important;
  transition:opacity 1.15s ease, visibility 1.15s ease, filter 1.15s ease !important;
  will-change:opacity, filter;
}
.cinematic-loader.hide{
  opacity:0;
  filter:blur(10px);
}
.intro-logo-wrap{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.intro-logo{
  width:min(260px,66vw) !important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.42)) drop-shadow(0 0 34px rgba(96,165,250,.34)) !important;
  animation:loaderLogoFloat 2.25s ease-in-out infinite !important;
  will-change:transform, opacity;
}
@keyframes loaderLogoFloat{
  0%,100%{transform:scale(1) translateY(0); opacity:.96;}
  50%{transform:scale(1.075) translateY(-4px); opacity:1;}
}
.hero,.page-hero{
  transition:background .85s ease, opacity .85s ease, transform .85s cubic-bezier(.22,1,.36,1);
}
@media (max-width:768px){
  .intro-logo{width:min(235px,70vw) !important;}
}


/* === FINAL REPAIR: smooth loader + restored fixed header === */
html, body{
  overflow-x:hidden !important;
  width:100% !important;
  max-width:100% !important;
}
body{
  min-height:100vh !important;
  background:radial-gradient(circle at 10% 0%,rgba(35,102,255,.18),transparent 30%),radial-gradient(circle at 90% 5%,rgba(255,51,102,.13),transparent 30%),linear-gradient(180deg,#f8fbff,#eef7ff 52%,#fff) !important;
}
main{
  padding-top:106px !important;
  opacity:1;
}
.site-header{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(1180px,calc(100% - 32px)) !important;
  min-height:74px !important;
  z-index:10020 !important;
  display:grid !important;
  grid-template-columns:270px 1fr 154px !important;
  align-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.site-header.scrolled{
  top:8px !important;
  min-height:64px !important;
}
body.is-loading .site-header,
body.is-loading main,
body.is-loading .footer,
body.is-loading footer,
body.is-loading .wa-shooters,
body.is-loading .scroll-top,
body.is-loading .scroll-progress{
  opacity:0 !important;
  visibility:visible !important;
  transform:translateY(10px) !important;
  pointer-events:none !important;
}
body.page-ready .site-header{
  opacity:1 !important;
  transform:translateX(-50%) translateY(0) !important;
  transition:opacity .7s ease, top .28s ease, min-height .28s ease !important;
}
body.page-ready main,
body.page-ready .footer,
body.page-ready footer,
body.page-ready .wa-shooters,
body.page-ready .scroll-top,
body.page-ready .scroll-progress{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
  transition:opacity .75s ease, transform .75s cubic-bezier(.22,1,.36,1) !important;
}
html.is-loading, body.is-loading{
  overflow:hidden !important;
  height:100% !important;
  overscroll-behavior:none !important;
}
.cinematic-loader{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:1000000 !important;
  display:grid !important;
  place-items:center !important;
  background:radial-gradient(circle at 50% 42%,#1e3a8a 0%,#07152c 48%,#020617 100%) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:opacity 1s ease, visibility 1s ease, filter 1s ease !important;
  will-change:opacity,filter !important;
}
.cinematic-loader.hide{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  filter:blur(8px) !important;
}
.cinematic-loader.loader-gone{
  display:none !important;
}
.intro-logo-wrap{
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.intro-logo{
  width:min(275px,68vw) !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.42)) drop-shadow(0 0 34px rgba(96,165,250,.34)) !important;
  animation:loaderLogoFloatFinal 2.2s ease-in-out infinite !important;
}
@keyframes loaderLogoFloatFinal{
  0%,100%{transform:scale(1) translateY(0);opacity:.97;}
  50%{transform:scale(1.06) translateY(-5px);opacity:1;}
}
@media(max-width:980px){
  main{padding-top:86px !important;}
  .site-header{
    top:9px !important;
    width:calc(100% - 20px) !important;
    min-height:64px !important;
    grid-template-columns:1fr auto !important;
    padding:9px 10px !important;
    border-radius:22px !important;
  }
  .site-header.scrolled{top:8px !important;min-height:60px !important;}
  body.page-ready .site-header{transform:translateX(-50%) translateY(0) !important;}
  .menu-toggle{display:grid !important;place-items:center !important;}
  .nav-donate{display:none !important;}
}
@media(max-width:560px){
  main{padding-top:78px !important;}
  .site-header{
    width:calc(100% - 14px) !important;
    min-height:60px !important;
    border-radius:20px !important;
  }
  .intro-logo{width:min(245px,72vw) !important;}
}

/* === LAST FIX ONLY: ultra-smooth loading screen, header untouched === */
body{
  background:#f7f8fb !important;
}
html.is-loading,
body.is-loading{
  background:#f7f8fb !important;
  overflow:hidden !important;
  height:100% !important;
}
body.is-loading .site-header,
body.is-loading main,
body.is-loading footer,
body.is-loading .footer,
body.is-loading .wa-shooters,
body.is-loading .scroll-top,
body.is-loading .scroll-progress{
  opacity:0 !important;
  transform:translateY(8px) !important;
  pointer-events:none !important;
}
body.page-ready .site-header,
body.page-ready main,
body.page-ready footer,
body.page-ready .footer,
body.page-ready .wa-shooters,
body.page-ready .scroll-top,
body.page-ready .scroll-progress{
  opacity:1 !important;
  transform:translateY(0) !important;
  transition:opacity .95s cubic-bezier(.22,1,.36,1), transform .95s cubic-bezier(.22,1,.36,1) !important;
}
body.page-ready .site-header{
  transform:translateX(-50%) translateY(0) !important;
}
.cinematic-loader{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.12) 0%, rgba(96,165,250,.10) 21%, transparent 42%),
    radial-gradient(circle at 50% 42%, #1e3a8a 0%, #07152c 50%, #020617 100%) !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:opacity 1.15s cubic-bezier(.22,1,.36,1), filter 1.15s cubic-bezier(.22,1,.36,1), transform 1.15s cubic-bezier(.22,1,.36,1) !important;
  will-change:opacity,filter,transform !important;
}
.cinematic-loader.hide{
  opacity:0 !important;
  visibility:visible !important;
  filter:blur(10px) saturate(.92) !important;
  transform:scale(1.025) !important;
  pointer-events:none !important;
}
.cinematic-loader.loader-gone{
  display:none !important;
  visibility:hidden !important;
}
.intro-logo{
  width:min(292px,70vw) !important;
  animation:loaderLogoSmoothLast 2.45s cubic-bezier(.4,0,.2,1) infinite !important;
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.38)) drop-shadow(0 0 36px rgba(147,197,253,.34)) !important;
  backface-visibility:hidden !important;
  transform-origin:center !important;
}
.cinematic-loader.hide .intro-logo{
  animation:none !important;
  transform:scale(1.08) translateY(-4px) !important;
  opacity:0 !important;
  transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1) !important;
}
@keyframes loaderLogoSmoothLast{
  0%,100%{transform:translateY(0) scale(1);opacity:.98;}
  50%{transform:translateY(-6px) scale(1.045);opacity:1;}
}


/* === CLEAN HEADER FINAL FIX: no extra header button + loader never moves header === */
.site-header{
  grid-template-columns:minmax(220px,270px) 1fr !important;
  gap:18px !important;
}
.site-header .nav-donate{display:none !important;}
.nav{justify-self:end !important;}
@media(max-width:980px){
  .site-header{grid-template-columns:1fr auto !important;}
  .nav{justify-self:stretch !important;}
}
body.is-loading .site-header{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) !important;
  pointer-events:auto !important;
}
body.page-ready .site-header{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) !important;
  transition:top .28s ease,min-height .28s ease,box-shadow .28s ease !important;
}


/* === FINAL TOUCH: longer premium loader + smooth next-page graphic reveal === */
.cinematic-loader{
  background:
    radial-gradient(circle at 50% 38%, rgba(59,130,246,.34) 0 12%, transparent 34%),
    radial-gradient(circle at 18% 22%, rgba(239,68,68,.22) 0 9%, transparent 30%),
    radial-gradient(circle at 78% 76%, rgba(250,204,21,.18) 0 10%, transparent 32%),
    linear-gradient(135deg,#020617 0%,#071a3d 48%,#030712 100%) !important;
  transition:opacity 1.35s cubic-bezier(.22,1,.36,1),visibility 1.35s ease,filter 1.35s ease!important;
}
.cinematic-loader::before,
.cinematic-loader::after{
  content:"";
  position:absolute;
  width:min(520px,80vw);
  height:min(520px,80vw);
  border-radius:50%;
  pointer-events:none;
  opacity:.52;
  filter:blur(8px);
  animation:loaderOrbitFinal 4.2s ease-in-out infinite;
}
.cinematic-loader::before{
  border:1px solid rgba(96,165,250,.26);
  box-shadow:0 0 55px rgba(96,165,250,.24), inset 0 0 45px rgba(239,68,68,.10);
}
.cinematic-loader::after{
  width:min(360px,62vw);
  height:min(360px,62vw);
  border:1px dashed rgba(250,204,21,.30);
  animation-duration:5.4s;
  animation-direction:reverse;
}
.cinematic-loader .film-grain{opacity:.36!important;animation-duration:10s!important;}
.cinematic-loader .light-ray{animation-duration:3.8s!important;opacity:.75!important;}
.intro-logo{
  width:min(285px,70vw)!important;
  animation:loaderLogoFinalTouch 2.6s ease-in-out infinite!important;
}
@keyframes loaderOrbitFinal{
  0%,100%{transform:rotate(0deg) scale(.96);opacity:.38;}
  50%{transform:rotate(14deg) scale(1.04);opacity:.66;}
}
@keyframes loaderLogoFinalTouch{
  0%,100%{transform:translateY(0) scale(1);opacity:.96;}
  45%{transform:translateY(-7px) scale(1.07);opacity:1;}
  70%{transform:translateY(-2px) scale(1.025);opacity:1;}
}
.cinematic-loader.hide{opacity:0!important;filter:blur(14px) saturate(1.15)!important;}
body.page-ready .hero::before,
body.page-ready .page-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% -18% auto;
  width:min(440px,70vw);
  height:min(440px,70vw);
  border-radius:50%;
  background:radial-gradient(circle,rgba(96,165,250,.18),rgba(239,68,68,.10) 38%,transparent 68%);
  pointer-events:none;
  opacity:0;
  transform:scale(.86) translateY(18px);
  animation:nextPageGlowFinal 1.45s .12s cubic-bezier(.22,1,.36,1) forwards, nextPageFloatFinal 6s 1.6s ease-in-out infinite;
  z-index:0;
}
.hero,.page-hero{position:relative;overflow:hidden;}
.hero>*:not(.hero-bg),.page-hero>*{position:relative;z-index:1;}
body.page-ready .hero-content,
body.page-ready .hero-panel,
body.page-ready .page-hero h1,
body.page-ready .page-hero p{
  animation:nextPageContentFinal .95s cubic-bezier(.22,1,.36,1) both;
}
body.page-ready .hero-panel{animation-delay:.12s;}
@keyframes nextPageGlowFinal{to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes nextPageFloatFinal{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.025)}}
@keyframes nextPageContentFinal{from{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:768px){
  .intro-logo{width:min(250px,72vw)!important;}
  .cinematic-loader::before{width:78vw;height:78vw;}
  .cinematic-loader::after{width:58vw;height:58vw;}
}