/*
 * MOHI NexGen Visual Experience v2.0.0
 * A non-destructive presentation layer for Mission of Hope Initiative.
 */
:root{
  --mohi-electric:#1268e8;
  --mohi-sky:#4aa6ff;
  --mohi-deep:#061f3b;
  --mohi-navy:#082d55;
  --mohi-aqua:#12a99f;
  --mohi-mint:#dff8f3;
  --mohi-coral:#f1785c;
  --mohi-gold:#f4b843;
  --mohi-ice:#f3f9ff;
  --mohi-cloud:#fbfdff;
  --mohi-glass:rgba(255,255,255,.78);
  --mohi-line:rgba(142,181,214,.34);
  --mohi-shadow-1:0 10px 24px rgba(7,43,80,.08),0 2px 5px rgba(7,43,80,.05);
  --mohi-shadow-2:0 22px 55px rgba(7,43,80,.14),0 7px 16px rgba(7,43,80,.08);
  --mohi-shadow-3:0 34px 90px rgba(4,31,59,.22),0 12px 28px rgba(4,31,59,.12);
  --mohi-radius-xl:32px;
  --mohi-radius-lg:25px;
  --mohi-radius-md:18px;
  --mohi-ease:320ms cubic-bezier(.2,.8,.2,1);
  --shadow:var(--mohi-shadow-2);
  --shadow-sm:var(--mohi-shadow-1);
  --radius:var(--mohi-radius-lg);
  --line:#d8e7f2;
  --pale:#edf6ff;
  --mint:#e5faf6;
  --sand:#fff6e9;
}

html{background:#edf5fc}
body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 7%,rgba(18,104,232,.08),transparent 24rem),
    radial-gradient(circle at 94% 22%,rgba(18,169,159,.075),transparent 26rem),
    linear-gradient(180deg,#fbfdff 0%,#f4f9fe 48%,#f7fbff 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.44;
  background-image:
    linear-gradient(rgba(8,45,85,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,45,85,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
main{position:relative;isolation:isolate}
main:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 0 16%,rgba(74,166,255,.08),transparent 20rem),
    radial-gradient(circle at 100% 48%,rgba(241,120,92,.055),transparent 21rem),
    radial-gradient(circle at 0 82%,rgba(18,169,159,.07),transparent 24rem);
}
::selection{background:rgba(18,104,232,.2);color:var(--mohi-deep)}

/* Utility and primary navigation */
.site-notice{
  position:relative;
  background:linear-gradient(90deg,var(--mohi-aqua),#087b86 60%,var(--mohi-navy));
  box-shadow:inset 0 -1px rgba(255,255,255,.14);
}
.utility-bar{
  background:linear-gradient(105deg,#04192f 0%,#092f56 55%,#0b4563 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.utility-inner{min-height:38px}
.utility-links a{position:relative;transition:color var(--mohi-ease),opacity var(--mohi-ease)}
.utility-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#fff;transition:right var(--mohi-ease)}
.utility-links a:hover:after{right:0}
.utility-support{
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.site-header{
  background:rgba(251,253,255,.88);
  border-bottom:1px solid rgba(139,180,215,.26);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 7px 24px rgba(5,35,66,.035);
}
.site-header.scrolled{box-shadow:0 14px 38px rgba(5,35,66,.12)}
.nav-wrap{min-height:90px}
.brand{position:relative;gap:13px;min-width:292px}
.brand:before{
  content:"";
  position:absolute;
  width:65px;height:65px;left:-4px;top:50%;transform:translateY(-50%);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(18,104,232,.11),rgba(18,169,159,.11));
  border:1px solid rgba(18,104,232,.1);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(8,45,85,.08);
}
.brand img{position:relative;width:58px;height:58px;filter:drop-shadow(0 8px 12px rgba(7,43,80,.12))}
.brand strong{font-size:1.05rem;letter-spacing:-.015em}
.brand small{color:#0b817b;letter-spacing:.015em}
.primary-nav{gap:3px;padding:6px;border-radius:18px;background:rgba(238,246,253,.64);border:1px solid rgba(151,188,218,.23);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.nav-link,.dropdown-toggle{position:relative;isolation:isolate;border-radius:13px;padding:13px 10px;transition:color var(--mohi-ease),transform var(--mohi-ease),background var(--mohi-ease),box-shadow var(--mohi-ease)}
.nav-link:before,.dropdown-toggle:before{
  content:"";position:absolute;inset:3px;z-index:-1;border-radius:10px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(232,245,255,.88));
  opacity:0;transform:scale(.9);transition:opacity var(--mohi-ease),transform var(--mohi-ease);
  box-shadow:0 7px 16px rgba(8,45,85,.08);
}
.nav-link:hover,.dropdown-toggle:hover,.nav-link.active,.dropdown-toggle.active{background:transparent;color:var(--mohi-electric);transform:translateY(-1px)}
.nav-link:hover:before,.dropdown-toggle:hover:before,.nav-link.active:before,.dropdown-toggle.active:before{opacity:1;transform:scale(1)}
.nav-link.active:after,.dropdown-toggle.active:after{content:"";position:absolute;left:27%;right:27%;bottom:3px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--mohi-aqua),var(--mohi-electric))}
.dropdown-menu{
  top:calc(100% + 16px);
  padding:13px;
  border:1px solid rgba(151,188,218,.32);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  backdrop-filter:blur(20px) saturate(145%);
  box-shadow:0 28px 70px rgba(4,31,59,.2),inset 0 1px rgba(255,255,255,.95);
}
.dropdown-menu:before{content:"";position:absolute;top:-7px;left:28px;width:14px;height:14px;transform:rotate(45deg);background:rgba(255,255,255,.94);border-left:1px solid rgba(151,188,218,.24);border-top:1px solid rgba(151,188,218,.24)}
.dropdown-menu a{position:relative;padding:11px 13px;border-radius:12px}
.dropdown-menu a:hover{background:linear-gradient(110deg,#edf6ff,#eafaf6);box-shadow:inset 3px 0 var(--mohi-electric);transform:translateX(4px)}
.nav-cta{border-radius:13px}
.nav-cta.btn-primary{background:linear-gradient(135deg,#0f63df,#1687f2 60%,#12a99f);box-shadow:0 11px 25px rgba(18,104,232,.24)}
.search-open,.mobile-toggle{background:rgba(255,255,255,.62);border:1px solid rgba(142,181,214,.25);box-shadow:0 5px 14px rgba(7,43,80,.06)}

/* Site-wide admin-controlled MOHI Updates ticker */
.mohi-updates-ticker{
  position:relative;
  z-index:50;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 16% -80%,rgba(74,166,255,.42),transparent 20rem),
    radial-gradient(circle at 90% 150%,rgba(18,169,159,.34),transparent 21rem),
    linear-gradient(105deg,#061d38 0%,#0a315a 52%,#075c70 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 13px 30px rgba(4,31,59,.15),inset 0 1px rgba(255,255,255,.09);
}
.mohi-updates-ticker:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.025) 48% 51%,transparent 51% 100%);background-size:46px 100%}
.mohi-ticker-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-height:62px}
.mohi-ticker-heading{position:relative;z-index:3;display:flex;align-items:center;gap:9px;padding:0 24px 0 max(20px,calc((100vw - 1180px)/2));white-space:nowrap;background:linear-gradient(110deg,var(--mohi-coral),#f49f44);box-shadow:12px 0 28px rgba(4,31,59,.22);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
.mohi-ticker-heading strong{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.mohi-live-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.18)}
.mohi-live-dot:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.48);border-radius:50%;animation:mohiPulse 2.1s ease-out infinite}
.mohi-ticker-viewport{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 45px),transparent)}
.mohi-ticker-track{display:flex;width:max-content;min-height:62px;animation:mohiTickerMove var(--mohi-ticker-duration,52s) linear infinite;will-change:transform}
.mohi-updates-ticker:hover .mohi-ticker-track,.mohi-updates-ticker:focus-within .mohi-ticker-track{animation-play-state:paused}
.mohi-ticker-item{position:relative;display:grid;grid-template-columns:auto minmax(180px,auto) auto;align-items:center;gap:12px;min-width:360px;max-width:590px;padding:8px 26px 8px 22px;border-right:1px solid rgba(255,255,255,.13);transition:background var(--mohi-ease),transform var(--mohi-ease)}
a.mohi-ticker-item:hover{background:rgba(255,255,255,.085)}
.mohi-ticker-thumb{width:42px;height:42px;border-radius:13px;object-fit:cover;border:2px solid rgba(255,255,255,.5);box-shadow:0 7px 18px rgba(0,0,0,.2)}
.mohi-ticker-copy{min-width:0;line-height:1.18}
.mohi-ticker-label{display:block;margin-bottom:4px;color:#8fe8dc;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.mohi-ticker-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.88rem;letter-spacing:-.006em}
.mohi-ticker-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#cfe3f2;font-size:.7rem}
.mohi-ticker-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.05rem;transition:transform var(--mohi-ease),background var(--mohi-ease)}
a.mohi-ticker-item:hover .mohi-ticker-arrow{transform:translateX(3px);background:rgba(255,255,255,.18)}
@keyframes mohiTickerMove{to{transform:translateX(-50%)}}
@keyframes mohiPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}

/* Hero sections */
.hero{
  min-height:710px;
  background:
    radial-gradient(circle at var(--hero-x,80%) var(--hero-y,18%),rgba(74,166,255,.22),transparent 22rem),
    radial-gradient(circle at 10% 85%,rgba(18,169,159,.15),transparent 25rem),
    linear-gradient(120deg,#f9fcff 0%,#edf7ff 46%,#e9faf6 100%);
  border-bottom:1px solid rgba(142,181,214,.25);
}
.hero:before{width:600px;height:600px;right:-210px;top:-270px;border:52px solid rgba(18,104,232,.065);box-shadow:0 0 0 24px rgba(18,169,159,.025)}
.hero:after{width:390px;height:390px;left:-210px;bottom:-235px;border:46px solid rgba(18,169,159,.07)}
.hero-grid{gap:72px;padding:92px 0 104px}
.hero-copy{position:relative;padding:34px 0}
.hero-copy:before{content:"";position:absolute;left:-34px;top:5%;width:4px;height:90%;border-radius:99px;background:linear-gradient(var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric));box-shadow:0 0 22px rgba(18,104,232,.2)}
.hero-copy h1{font-size:clamp(3rem,5.25vw,5.6rem);color:#06284b;text-wrap:balance;text-shadow:0 1px 0 #fff;letter-spacing:-.058em}
.hero-copy p{max-width:690px;color:#45647c;font-size:1.13rem}
.hero-actions .btn{min-height:51px;border-radius:15px}
.hero-actions .btn-outline{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--mohi-shadow-1)}
.hero-trust{position:relative;display:inline-flex;padding:18px 22px 18px 58px;border:1px solid rgba(142,181,214,.34);border-radius:17px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--mohi-shadow-1)}
.hero-trust:before{content:"✓";position:absolute;left:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--mohi-aqua),#0d887f);color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(18,169,159,.24)}
.hero-visual{min-height:560px;perspective:1400px}
.hero-visual:before{content:"";position:absolute;inset:17px -18px -20px 25px;border-radius:45px 18px 45px 45px;background:linear-gradient(145deg,rgba(18,104,232,.15),rgba(18,169,159,.16));transform:rotate(2deg);box-shadow:var(--mohi-shadow-2)}
.hero-photo{inset:29px 0 auto 30px;height:510px;border:8px solid rgba(255,255,255,.8);border-radius:46px 18px 46px 46px;box-shadow:var(--mohi-shadow-3),inset 0 0 0 1px rgba(18,104,232,.14);transform:rotate(-1deg);transition:transform 700ms cubic-bezier(.2,.8,.2,1),box-shadow var(--mohi-ease)}
.hero-visual:hover .hero-photo{transform:rotate(0) translateY(-4px);box-shadow:0 42px 100px rgba(4,31,59,.26),0 14px 32px rgba(4,31,59,.14)}
.hero-photo:before{content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(255,255,255,.55);border-radius:35px 10px 35px 35px;pointer-events:none}
.hero-photo:after{background:linear-gradient(180deg,rgba(4,31,59,.02) 30%,rgba(4,31,59,.52))}
.logo-orbit{width:176px;height:176px;right:-25px;top:-20px;border:24px solid rgba(18,104,232,.12);box-shadow:0 0 0 13px rgba(18,169,159,.04);animation:mohiOrbit 12s linear infinite}
.floating-card{border:1px solid rgba(255,255,255,.8);border-radius:21px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:0 21px 52px rgba(4,31,59,.19),inset 0 1px rgba(255,255,255,.9);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.floating-card:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 28px 65px rgba(4,31,59,.22)}
.floating-card .mini-icon{background:linear-gradient(145deg,#dff8f3,#e8f3ff);box-shadow:inset 0 1px #fff,0 6px 14px rgba(18,169,159,.12)}
@keyframes mohiOrbit{to{transform:rotate(360deg)}}

.page-hero{
  position:relative;
  overflow:hidden;
  padding:86px 0 92px;
  background:
    radial-gradient(circle at 84% -22%,rgba(74,166,255,.38),transparent 30rem),
    radial-gradient(circle at 8% 115%,rgba(18,169,159,.28),transparent 28rem),
    linear-gradient(115deg,#061f3b 0%,#0a3862 53%,#086b78 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.page-hero:after{content:"";position:absolute;width:360px;height:360px;right:7%;top:-200px;border:42px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025)}
.page-hero>.container{position:relative;z-index:2;padding:34px 38px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(125deg,rgba(255,255,255,.105),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 30px 75px rgba(1,19,36,.24),inset 0 1px rgba(255,255,255,.14)}
.page-hero h1{max-width:980px;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.18);font-size:clamp(2.55rem,4.7vw,4.8rem)}
.page-hero p{max-width:820px;color:#d7e9f5;font-size:1.08rem}
.breadcrumbs{color:#b9d8e9}
.breadcrumbs a:hover{color:#fff}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:50px}
.detail-image{overflow:hidden;border:7px solid rgba(255,255,255,.78);border-radius:30px 14px 30px 30px;box-shadow:0 26px 70px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.4);transform:rotate(1.3deg)}
.detail-image img{width:100%;height:340px;object-fit:cover}
.detail-meta span{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.11)}

/* Layered, non-plain page backgrounds */
.section{position:relative;padding:104px 0;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(247,251,255,.84));border-bottom:1px solid rgba(142,181,214,.13)}
.section:nth-of-type(even){background:linear-gradient(145deg,rgba(245,250,255,.94),rgba(238,249,247,.82))}
.section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 2% 15%,rgba(18,104,232,.045),transparent 19rem),radial-gradient(circle at 98% 85%,rgba(18,169,159,.05),transparent 20rem)}
.section>.container{position:relative;z-index:1}
.section-pale{background:linear-gradient(135deg,#eaf4ff 0%,#f4f9ff 48%,#eafaf6 100%)}
.section-pale:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(rgba(18,104,232,.105) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.section-mint{background:linear-gradient(115deg,#ddf7f1,#ebf9f7 45%,#e7f3ff)}
.section-sand{background:linear-gradient(120deg,#fff2df,#fff9ef 48%,#edf7ff)}
.section-head{position:relative;margin-bottom:46px;padding-bottom:20px}
.section-head:after{content:"";position:absolute;left:0;bottom:0;width:92px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric));box-shadow:0 5px 13px rgba(18,104,232,.12)}
.section-head h2{max-width:850px;color:#08294a;text-wrap:balance}
.eyebrow{padding:7px 11px;border:1px solid rgba(18,169,159,.15);border-radius:999px;background:rgba(229,250,246,.7);box-shadow:inset 0 1px #fff}
.eyebrow:before{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(18,169,159,.12)}
.eyebrow.light{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.08);box-shadow:none}
.eyebrow.light:before{background:#8fe8dc;box-shadow:0 0 0 4px rgba(143,232,220,.13)}

/* Media frames */
.intro-image{padding:12px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(232,246,255,.76));border:1px solid rgba(142,181,214,.34);box-shadow:var(--mohi-shadow-2)}
.intro-image:before{content:"";position:absolute;inset:-18px 25px 20px -20px;z-index:-1;border-radius:34px;background:linear-gradient(145deg,rgba(18,104,232,.16),rgba(18,169,159,.16));transform:rotate(-2.5deg)}
.intro-image:after{inset:-6px 38px 38px -6px;border:1px solid rgba(244,184,67,.55);border-radius:34px}
.intro-image img{border-radius:25px;box-shadow:0 15px 35px rgba(4,31,59,.15);transition:transform 700ms cubic-bezier(.2,.8,.2,1),filter var(--mohi-ease)}
.intro-image:hover img{transform:scale(1.018);filter:saturate(1.05)}
.gallery-grid img{padding:6px;border-radius:23px;background:#fff;border:1px solid rgba(142,181,214,.34);box-shadow:var(--mohi-shadow-1);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.gallery-grid img:hover{transform:translateY(-6px) rotate(.5deg);box-shadow:var(--mohi-shadow-2)}

/* High-depth cards across all public pages */
.card,.sidebar-card,.value-card,.principle,.board-card,.map-card,.contact-card,.resource-card,.form-card,.timeline-item,.stat-card,.support-principle,.payment-method-card{
  border:1px solid rgba(142,181,214,.3);
  box-shadow:var(--mohi-shadow-1),inset 0 1px rgba(255,255,255,.88);
}
.card{position:relative;isolation:isolate;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,251,255,.94));box-shadow:0 9px 22px rgba(7,43,80,.075),0 2px 5px rgba(7,43,80,.04),inset 0 1px #fff;overflow:hidden}
.card:before{content:"";position:absolute;inset:0 0 auto;height:5px;z-index:3;background:linear-gradient(90deg,var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric));opacity:.9}
.card:after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-100px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(18,104,232,.11),transparent 67%);transition:transform var(--mohi-ease),opacity var(--mohi-ease)}
.card:hover{transform:translateY(-9px);border-color:rgba(80,150,207,.48);box-shadow:0 28px 65px rgba(7,43,80,.17),0 8px 17px rgba(7,43,80,.08),inset 0 1px #fff}
.card:hover:after{transform:scale(1.35);opacity:.85}
.programme-grid{gap:24px}
.programme-card{min-height:300px;padding:31px 28px}
.programme-card:nth-child(4n+1){background:linear-gradient(145deg,#fff,#edf6ff)}
.programme-card:nth-child(4n+2){background:linear-gradient(145deg,#fff,#e9faf6)}
.programme-card:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff5e7)}
.programme-card:nth-child(4n+4){background:linear-gradient(145deg,#fff,#fff0ec)}
.programme-card:before{height:6px}
.programme-card:nth-child(4n+1):before{background:linear-gradient(90deg,var(--mohi-electric),var(--mohi-sky))}
.programme-card:nth-child(4n+2):before{background:linear-gradient(90deg,var(--mohi-aqua),#59d2c5)}
.programme-card:nth-child(4n+3):before{background:linear-gradient(90deg,var(--mohi-gold),#f58d45)}
.programme-card:nth-child(4n+4):before{background:linear-gradient(90deg,var(--mohi-coral),#f29b8a)}
.programme-card:after{width:155px;height:155px;right:-70px;top:-80px;bottom:auto;background:radial-gradient(circle,rgba(18,104,232,.1),transparent 66%)}
.program-icon{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#eaf4ff,#e2faf5);border:1px solid rgba(18,104,232,.12);box-shadow:0 11px 25px rgba(7,43,80,.1),inset 0 1px #fff;transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.programme-card:hover .program-icon{transform:translateY(-3px) rotate(-4deg) scale(1.04);box-shadow:0 16px 30px rgba(7,43,80,.15),inset 0 1px #fff}
.programme-card h3,.project-body h3,.story-body h3{color:#08294a;letter-spacing:-.02em}
.project-media,.story-media{position:relative;margin:8px 8px 0;border-radius:20px 20px 13px 13px;overflow:hidden;box-shadow:0 12px 28px rgba(4,31,59,.13)}
.project-media:after,.story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,31,59,.28));pointer-events:none}
.project-media img,.story-media img{transition:transform 800ms cubic-bezier(.2,.8,.2,1),filter var(--mohi-ease)}
.project-card:hover .project-media img,.story-card:hover .story-media img{transform:scale(1.055);filter:saturate(1.06)}
.project-body,.story-body{padding:27px 26px 29px}
.status-badge{z-index:2;box-shadow:0 7px 18px rgba(4,31,59,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.story-category{border:1px solid rgba(18,104,232,.12);box-shadow:inset 0 1px #fff}
.text-link{position:relative;color:#0d62ce}
.text-link:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--mohi-aqua),var(--mohi-electric));transition:right var(--mohi-ease)}
.text-link:hover:after{right:0}

.stat-card{position:relative;overflow:hidden;padding:29px;border-radius:22px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric))}
.stat-card:hover{transform:translateY(-6px);box-shadow:var(--mohi-shadow-2)}
.stat-card strong{background:linear-gradient(115deg,var(--mohi-electric),var(--mohi-aqua));-webkit-background-clip:text;background-clip:text;color:transparent}

.prose{position:relative;padding:34px 36px;border:1px solid rgba(142,181,214,.24);border-radius:28px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:var(--mohi-shadow-1),inset 0 1px #fff}
.prose h2,.prose h3{color:#08294a}
.prose blockquote{border-left:5px solid var(--mohi-aqua);border-radius:0 16px 16px 0;background:linear-gradient(110deg,#e8faf6,#eef6ff);box-shadow:inset 0 1px #fff}
.sidebar-card,.value-card,.principle,.board-card,.map-card,.contact-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,250,255,.93));transition:transform var(--mohi-ease),box-shadow var(--mohi-ease),border-color var(--mohi-ease)}
.sidebar-card:before,.value-card:before,.principle:before,.board-card:before,.map-card:before,.contact-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--mohi-aqua),var(--mohi-electric),var(--mohi-coral))}
.sidebar-card:hover,.value-card:hover,.principle:hover,.board-card:hover,.map-card:hover,.contact-card:hover{transform:translateY(-6px);border-color:rgba(80,150,207,.42);box-shadow:var(--mohi-shadow-2)}
.sidebar-card{padding:27px}
.value-card,.principle,.board-card,.map-card,.contact-card{padding:27px}
.values-grid,.principles,.board-grid,.map-cards,.contact-cards{gap:20px}
.timeline{position:relative;padding-left:22px}
.timeline:before{content:"";position:absolute;left:4px;top:16px;bottom:16px;width:4px;border-radius:999px;background:linear-gradient(var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric))}
.timeline-item{position:relative;border-radius:21px;background:linear-gradient(145deg,#fff,#f0f7ff);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.timeline-item:before{content:"";position:absolute;left:-29px;top:29px;width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:var(--mohi-electric);box-shadow:0 0 0 3px rgba(18,104,232,.18)}
.timeline-item:hover{transform:translateX(6px);box-shadow:var(--mohi-shadow-2)}

.leadership-grid{gap:26px}
.leader-card{position:relative;overflow:visible;border:1px solid rgba(142,181,214,.3);border-radius:29px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:var(--mohi-shadow-2),inset 0 1px #fff;transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.leader-card:before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(135deg,var(--mohi-gold),rgba(244,184,67,.08),var(--mohi-aqua),var(--mohi-electric));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.leader-card:hover{transform:translateY(-9px);box-shadow:var(--mohi-shadow-3)}
.leader-card img{width:calc(100% - 24px);height:330px;margin:12px;border:7px solid #fff;outline:4px solid rgba(244,184,67,.82);outline-offset:-2px;border-radius:23px;box-shadow:0 16px 35px rgba(4,31,59,.16);object-fit:cover;transition:transform 700ms cubic-bezier(.2,.8,.2,1),filter var(--mohi-ease)}
.leader-card:hover img{transform:scale(1.014);filter:saturate(1.05)}
.leader-card-body{padding:19px 28px 30px}
.board-card strong{color:#0d7e76}

.resource-list{gap:19px}
.resource-card{position:relative;overflow:hidden;padding:25px;border-radius:23px;background:linear-gradient(125deg,#fff,#f0f7ff);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease),border-color var(--mohi-ease)}
.resource-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric))}
.resource-card:hover{transform:translateY(-5px);border-color:rgba(80,150,207,.43);box-shadow:var(--mohi-shadow-2)}
.file-icon{border-radius:16px;background:linear-gradient(145deg,var(--mohi-electric),#1386e9 60%,var(--mohi-aqua));box-shadow:0 10px 24px rgba(18,104,232,.2)}
.filter-bar{padding:9px;border:1px solid rgba(142,181,214,.3);border-radius:19px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--mohi-shadow-1)}
.filter-btn{border-radius:12px;transition:transform var(--mohi-ease),background var(--mohi-ease),color var(--mohi-ease),box-shadow var(--mohi-ease)}
.filter-btn:hover{transform:translateY(-2px)}
.filter-btn.active{background:linear-gradient(135deg,var(--mohi-electric),#1688ef 62%,var(--mohi-aqua));box-shadow:0 9px 20px rgba(18,104,232,.2)}

.form-card{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,248,255,.96));box-shadow:var(--mohi-shadow-2),inset 0 1px #fff}
.form-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--mohi-coral),var(--mohi-gold),var(--mohi-aqua),var(--mohi-electric))}
.field input,.field textarea,.field select{border:1px solid rgba(142,181,214,.42);border-radius:13px;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 2px rgba(7,43,80,.03);transition:border-color var(--mohi-ease),box-shadow var(--mohi-ease),background var(--mohi-ease)}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--mohi-electric);background:#fff;box-shadow:0 0 0 4px rgba(18,104,232,.1),0 8px 18px rgba(7,43,80,.06)}

/* Donation, partnership and call-to-action surfaces */
.support-home{background:radial-gradient(circle at 100% 0,rgba(74,166,255,.2),transparent 30rem),radial-gradient(circle at 0 100%,rgba(18,169,159,.19),transparent 28rem),linear-gradient(125deg,#061f3b,#0a3962 54%,#08737b)}
.support-home-shell{border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(125deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:0 35px 90px rgba(1,19,36,.27),inset 0 1px rgba(255,255,255,.13);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.support-preview-card{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.12);transition:transform var(--mohi-ease),background var(--mohi-ease),box-shadow var(--mohi-ease)}
.support-preview-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.16);box-shadow:0 18px 32px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.16)}
.support-principle{border-radius:20px;background:linear-gradient(145deg,#fff,#f0f8ff);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease)}
.support-principle:hover{transform:translateY(-4px);box-shadow:var(--mohi-shadow-2)}
.payment-method-card{border-radius:25px;background:linear-gradient(145deg,#fff,#f3f9ff);box-shadow:var(--mohi-shadow-1);transition:transform var(--mohi-ease),box-shadow var(--mohi-ease),border-color var(--mohi-ease)}
.payment-method-card:hover{transform:translateY(-4px);box-shadow:var(--mohi-shadow-2)}
.payment-method-icon{background:linear-gradient(145deg,#e5faf6,#e7f2ff);border:1px solid rgba(18,104,232,.12);box-shadow:0 9px 20px rgba(7,43,80,.09),inset 0 1px #fff}

.cta-band{position:relative;overflow:hidden;background:radial-gradient(circle at 85% -30%,rgba(74,166,255,.32),transparent 25rem),linear-gradient(110deg,#071f3c,#0b3d67 58%,#08747a);border-top:1px solid rgba(255,255,255,.11)}
.cta-band:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.025) 48% 51%,transparent 51%);background-size:55px 100%}
.cta-band-inner{position:relative;z-index:1}
.cta-band-inner h2{text-wrap:balance}

/* Footer and compact legal identity */
.site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at 6% -8%,rgba(18,104,232,.25),transparent 28rem),radial-gradient(circle at 96% 40%,rgba(18,169,159,.19),transparent 27rem),linear-gradient(125deg,#03162b,#062642 55%,#073950);border-top:1px solid rgba(255,255,255,.08)}
.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.site-footer>.container{position:relative;z-index:1}
.footer-brand img{padding:7px;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 13px 28px rgba(0,0,0,.2),inset 0 1px #fff}
.footer-grid h4{color:#fff}
.footer-grid a{transition:color var(--mohi-ease),transform var(--mohi-ease)}
.footer-grid a:hover{color:#8fe8dc;transform:translateX(3px)}
.footer-social-links{gap:8px}
.site-footer .footer-social-link{background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.newsletter-row{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.footer-bottom{gap:20px}
.footer-bottom>p{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px}
.footer-registration{display:inline-flex;align-items:center;gap:7px 12px;padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#bcd4e4;font-size:.7rem;line-height:1.2}
.footer-registration span{white-space:nowrap}
.footer-registration strong{color:#fff;font-weight:800}

/* NexGen WhatsApp helper */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2500;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:61px;
  padding:8px 16px 8px 8px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#0aa765,#18c878 55%,#0f9d94);
  box-shadow:0 20px 42px rgba(4,92,61,.32),0 7px 15px rgba(4,92,61,.22),inset 0 1px rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:transform var(--mohi-ease),box-shadow var(--mohi-ease),filter var(--mohi-ease);
  isolation:isolate;
}
.whatsapp-float:before{content:"";position:absolute;inset:-8px;z-index:-1;border:1px solid rgba(24,200,120,.35);border-radius:999px;animation:mohiWhatsAppRing 2.8s ease-out infinite}
.whatsapp-float:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 27px 58px rgba(4,92,61,.38),0 10px 19px rgba(4,92,61,.23),inset 0 1px rgba(255,255,255,.38);filter:saturate(1.06)}
.whatsapp-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:50%;background:rgba(255,255,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 17px rgba(0,0,0,.11)}
.whatsapp-icon svg{width:25px;height:25px;fill:currentColor}
.whatsapp-copy{display:block;line-height:1.08}
.whatsapp-copy strong{display:block;font-size:.83rem;letter-spacing:-.005em}
.whatsapp-copy small{display:block;margin-top:4px;color:#ddfff0;font-size:.66rem;font-weight:700}
@keyframes mohiWhatsAppRing{0%{transform:scale(.9);opacity:.8}75%,100%{transform:scale(1.14);opacity:0}}

/* Buttons */
.btn{border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.btn-primary{background:linear-gradient(135deg,#0f63df,#1687f2 60%,#12a99f);box-shadow:0 12px 27px rgba(18,104,232,.24),inset 0 1px rgba(255,255,255,.25)}
.btn-primary:hover{box-shadow:0 18px 38px rgba(18,104,232,.31),inset 0 1px rgba(255,255,255,.28)}
.btn-outline{background:rgba(255,255,255,.82);border-color:rgba(112,164,206,.45);box-shadow:0 7px 17px rgba(7,43,80,.06),inset 0 1px #fff}

/* Motion enhancement; elements remain visible without JavaScript */
.mohi-nexgen-ready [data-mohi-reveal]{opacity:0;transform:translateY(24px);transition:opacity 720ms cubic-bezier(.2,.8,.2,1),transform 720ms cubic-bezier(.2,.8,.2,1)}
.mohi-nexgen-ready [data-mohi-reveal].mohi-visible{opacity:1;transform:none}

/* Responsive refinements */
@media(max-width:1180px){
  .primary-nav{background:transparent;border:0;box-shadow:none}
  .nav-link,.dropdown-toggle{padding-inline:8px}
  .mohi-ticker-heading{padding-left:20px}
}
@media(max-width:1050px){
  .hero-grid{gap:42px}
  .hero-copy h1{font-size:clamp(2.75rem,5.5vw,4.8rem)}
  .programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-hero{grid-template-columns:1fr}
  .detail-image{max-width:680px;transform:none}
}
@media(max-width:900px){
  .utility-bar{display:none}
  .nav-wrap{min-height:80px}
  .brand:before{width:58px;height:58px;border-radius:19px}
  .brand img{width:52px;height:52px}
  .primary-nav{background:linear-gradient(180deg,#f8fbff,#edf6ff);border-left:1px solid rgba(142,181,214,.3)}
  .primary-nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(18,104,232,.1),transparent 18rem),radial-gradient(circle at 0 100%,rgba(18,169,159,.09),transparent 18rem)}
  .primary-nav>*{position:relative}
  .primary-nav>.nav-link,.primary-nav>.nav-dropdown>.dropdown-toggle{border-radius:14px;background:rgba(255,255,255,.76);border-color:rgba(142,181,214,.24);box-shadow:0 6px 15px rgba(7,43,80,.05),inset 0 1px #fff}
  .primary-nav .dropdown-menu,.primary-nav .dropdown-menu.wide-menu{background:rgba(255,255,255,.62);border:1px solid rgba(142,181,214,.2);box-shadow:inset 0 1px #fff}
  .primary-nav .dropdown-menu:before{display:none}
  .mohi-ticker-shell{grid-template-columns:1fr;min-height:auto}
  .mohi-ticker-heading{justify-content:center;min-height:32px;padding:0 16px;clip-path:none;box-shadow:0 7px 18px rgba(4,31,59,.16)}
  .mohi-ticker-track{min-height:58px}
  .mohi-ticker-item{min-width:330px;padding-block:7px}
  .hero{min-height:auto}
  .hero-grid{padding:72px 0 84px}
  .hero-copy{padding:15px 0}
  .hero-copy:before{left:-18px}
  .hero-visual{min-height:520px}
  .page-hero{padding:65px 0}
  .page-hero>.container{padding:28px 27px;border-radius:25px}
  .section{padding:82px 0}
  .prose{padding:29px}
  .whatsapp-float{right:16px;bottom:16px}
}
@media(max-width:650px){
  body:before{background-size:34px 34px}
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{min-height:76px}
  .brand{min-width:0;gap:10px}
  .brand:before{width:51px;height:51px;left:-3px;border-radius:17px}
  .brand img{width:46px;height:46px}
  .brand strong{font-size:.88rem;max-width:190px}
  .brand small{font-size:.66rem}
  .mohi-ticker-heading{min-height:29px}
  .mohi-ticker-heading strong{font-size:.67rem}
  .mohi-ticker-viewport{mask-image:linear-gradient(90deg,transparent,#000 15px,#000 calc(100% - 20px),transparent)}
  .mohi-ticker-track{min-height:56px}
  .mohi-ticker-item{grid-template-columns:auto minmax(0,1fr) auto;min-width:310px;max-width:340px;padding:7px 15px;gap:9px}
  .mohi-ticker-thumb{width:38px;height:38px;border-radius:11px}
  .mohi-ticker-copy strong{font-size:.78rem}
  .mohi-ticker-copy small{display:none}
  .mohi-ticker-arrow{width:25px;height:25px}
  .hero-grid{padding:60px 0 76px}
  .hero-copy:before{display:none}
  .hero-copy h1{font-size:clamp(2.55rem,12.5vw,4rem);line-height:1.01}
  .hero-copy p{font-size:1rem}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .hero-trust{display:flex;width:100%;padding:16px 16px 16px 53px}
  .hero-visual{min-height:425px}
  .hero-visual:before{inset:15px -7px -12px 10px;border-radius:30px 13px 30px 30px}
  .hero-photo{inset:18px 4px auto 7px;height:390px;border-width:6px;border-radius:31px 13px 31px 31px;transform:none}
  .floating-card{padding:13px 14px;border-radius:16px}
  .floating-card.one{left:-3px;top:-10px;width:190px}
  .floating-card.two{right:-3px;bottom:-13px;width:205px}
  .floating-card .mini-icon{width:35px;height:35px;margin-bottom:7px}
  .floating-card strong{font-size:.85rem}
  .floating-card p{font-size:.7rem}
  .logo-orbit{width:120px;height:120px;border-width:17px;right:-10px}
  .page-hero{padding:50px 0 55px}
  .page-hero>.container{padding:25px 21px;border-radius:22px}
  .page-hero h1{font-size:clamp(2.2rem,10vw,3.3rem)}
  .page-hero p{font-size:.96rem}
  .section{padding:70px 0}
  .section-sm{padding:54px 0}
  .section-head{align-items:flex-start}
  .programme-grid,.card-grid{grid-template-columns:1fr}
  .programme-card{min-height:auto}
  .intro-image{padding:8px;border-radius:25px}
  .intro-image img{border-radius:19px}
  .intro-image:before{inset:-11px 18px 14px -12px;border-radius:25px}
  .prose{padding:24px 21px;border-radius:22px}
  .leader-card img{height:300px}
  .resource-card{padding:21px}
  .filter-bar{padding:7px;border-radius:16px}
  .footer-bottom>p{display:block}
  .footer-registration{display:flex;width:max-content;max-width:100%;margin-top:9px;flex-wrap:wrap;border-radius:13px}
  .whatsapp-float{width:58px;height:58px;min-height:58px;padding:7px;justify-content:center}
  .whatsapp-icon{width:44px;height:44px;flex-basis:44px}
  .whatsapp-copy{position:absolute;right:0;bottom:67px;width:max-content;max-width:230px;padding:9px 12px;border-radius:12px;background:#073f2d;box-shadow:0 11px 24px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity var(--mohi-ease),visibility var(--mohi-ease),transform var(--mohi-ease)}
  .whatsapp-float:hover .whatsapp-copy,.whatsapp-float:focus .whatsapp-copy{opacity:1;visibility:visible;transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .mohi-ticker-track{animation:none;transform:none}
  .mohi-ticker-viewport{overflow-x:auto;scrollbar-width:none;mask-image:none}
  .mohi-ticker-viewport::-webkit-scrollbar{display:none}
  .mohi-nexgen-ready [data-mohi-reveal]{opacity:1;transform:none}
}