:root { --ink:#182548; --blue:#233462; --blue-deep:#182548; --teal:#2e437b; --teal-light:#3d589d; --gold:#feb92d; --gold-light:#fec85a; --green:#feb92d; --bg:#F7F6F2; --bg-soft:#EFEDE6; --card:#FFFFFF; --line:#E2E1DA; --shadow:0 20px 50px -25px rgba(35,52,98,0.35); --shadow-sm:0 4px 15px -3px rgba(11,61,92,0.08); --radius:14px; --radius-lg:18px; --font-display:'Fraunces',serif; --font-body:'Inter',sans-serif; --font-display-ar:'Noto Kufi Arabic','Cairo',sans-serif; --font-body-ar:'Cairo','Noto Kufi Arabic',sans-serif; --maxw:1180px;}* { box-sizing:border-box; }html { scroll-behavior:smooth; }body { margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}html[dir="rtl"] body { font-family:var(--font-body-ar); }html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .display { font-family:var(--font-display-ar) !important; letter-spacing:0 !important;}h1,h2,h3,.display { font-family:var(--font-display); margin:0; font-weight:600; color:var(--blue-deep); }p { margin:0; }a { color:inherit; text-decoration:none; }img { max-width:100%; display:block; height:auto; }button { font-family:inherit; cursor:pointer; }:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }.wrap { max-width:var(--maxw); margin:0 auto; padding:0 24px; }.eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin-bottom:14px;}html[dir="rtl"] .eyebrow { letter-spacing:0; }.eyebrow .seal-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); flex-shrink:0; }.section { padding:50px 0; position:relative; }.section-tight { padding:64px 0; }.section-head { max-width:680px; margin-bottom:52px; }.section-head.center { margin-inline:auto; text-align:center; }.section-head h2 { font-size:clamp(28px,3.6vw,42px); line-height:1.15; margin-bottom:16px; }.section-head .lede { color:#475A63; font-size:17px; }.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 28px; border-radius:999px; font-weight:700; font-size:15px; border:1.5px solid transparent; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; white-space:nowrap; text-align:center;}.btn-primary { background:var(--gold); color:var(--blue-deep); box-shadow:0 14px 30px -12px rgba(201,152,47,.65); }.btn-primary:hover { transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(201,152,47,.75); }.btn-outline { border-color:rgba(255,255,255,.55); color:#fff; }.btn-outline:hover { background:rgba(255,255,255,0.12); }.btn-ghost { border-color:var(--line); color:var(--blue-deep); background:#fff; }.btn-ghost:hover { border-color:var(--teal); color:var(--teal); }.btn-block { width:100%; }header.site { position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(247,246,242,0); backdrop-filter:blur(0px); transition:background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease,padding .3s ease; padding:22px 0;}header.site.scrolled { background:rgba(247,246,242,.92); backdrop-filter:blur(10px); box-shadow:0 8px 30px -20px rgba(8,42,64,.4); padding:12px 0;}.nav-row { display:flex; align-items:center; justify-content:space-between; gap:24px; }.brand { display:flex; align-items:center; gap:12px; }.brand-mark { width:46px; height:46px; border-radius:50%; background:radial-gradient(circle at 30% 30%,var(--teal-light),var(--blue-deep)); display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--font-display); font-weight:700; font-size:17px; box-shadow:0 8px 18px -8px rgba(8,42,64,.6); flex-shrink:0;}.brand-text { display:flex; flex-direction:column; line-height:1.15; }.brand-text strong { font-family:var(--font-display); font-size:15.5px; color:#fff; transition:color .35s ease; }html[dir="rtl"] .brand-text strong { font-size:15px; }.brand-text span { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,0.75); font-weight:700; transition:color .35s ease; }html[dir="rtl"] .brand-text span { letter-spacing:0; }nav.links { display:flex; align-items:center; gap:24px; }nav.links a { font-size:14.5px; font-weight:600; color:rgba(255,255,255,0.85); position:relative; padding:4px 0; transition:color .35s ease; }nav.links a::after { content:''; position:absolute; left:0; right:0; bottom:-3px; height:2px; background:var(--gold); transform:scaleX(0); transition:transform .25s ease; }nav.links a:hover { color:#fff; }nav.links a:hover::after { transform:scaleX(1); }nav.links a.active { color:#fff; }nav.links a.active::after { transform:scaleX(1); }.nav-actions { display:flex; align-items:center; gap:14px; }.lang-switch { display:flex; border:1.5px solid var(--line); border-radius:999px; overflow:hidden; background:#fff;}.lang-switch a { border:0; background:transparent; padding:7px 13px; font-size:12.5px; font-weight:700; color:#7A8A92; display:inline-block;}.lang-switch a.active { background:var(--blue-deep); color:#fff; }.menu-toggle { display:none; border:0; background:transparent; padding:6px; }.menu-toggle span { display:block; width:24px; height:2px; background:#fff; margin:5px 0; border-radius:2px; transition:background .35s ease; }header.site.scrolled .brand-text strong { color:var(--blue-deep); }header.site.scrolled .brand-text span { color:var(--teal); }header.site.scrolled nav.links a { color:var(--blue-deep); }header.site.scrolled nav.links a:hover { color:var(--teal); }header.site.scrolled nav.links a.active { color:var(--blue-deep); }header.site.scrolled .menu-toggle span { background:var(--blue-deep); }.internal-hero { background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue) 50%,var(--teal) 100%); color:#fff; padding:130px 0 60px; position:relative; overflow:hidden;}.internal-hero::after { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 85% 15%,rgba(201,152,47,.18),transparent 40%);}.internal-hero h1 { color:#fff; font-size:clamp(32px,4.2vw,52px); line-height:1.1; margin-bottom:12px; }.internal-hero p { color:#CFE0DD; font-size:17px; max-width:580px; }.breadcrumbs { display:flex; gap:8px; font-size:13px; font-weight:600; margin-bottom:20px; color:#8FA8A6; }.breadcrumbs a { color:var(--gold-light); }.breadcrumbs span { opacity:0.5; }.hero { position:relative; min-height:100vh; display:flex; align-items:center; background:linear-gradient(135deg,rgba(8,42,64,.93) 0%,rgba(11,61,92,.86) 38%,rgba(20,107,107,.78) 100%),url('https://images.unsplash.com/photo-1497486751825-1233686d5d80?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat; padding-top:140px; padding-bottom:90px; overflow:hidden;}.hero::after { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 82% 18%,rgba(201,152,47,.22),transparent 45%);}.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:end; }.hero-badge { display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 8px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); border-radius:999px; color:#EAF3F1; font-size:12.5px; font-weight:600; margin-bottom:26px;}html[dir="rtl"] .hero-badge { padding:8px 8px 8px 16px; }.hero-badge .dot { width:8px; height:8px; border-radius:50%; background:var(--gold-light); box-shadow:0 0 0 4px rgba(224,182,92,.25); }.hero h1 { color:#fff; font-size:clamp(36px,5.2vw,64px); line-height:1.05; letter-spacing:-.01em; margin-bottom:22px; max-width:680px;}.hero h1 em { font-style:normal; color:var(--gold-light); }.hero .subtitle { color:#DCE8E6; font-size:clamp(16px,1.6vw,19px); max-width:540px; margin-bottom:10px; font-weight:500; }.hero .tagline { color:#AFC6C2; font-size:14.5px; margin-bottom:36px; }.hero-ctas { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:46px; }.hero-trust-row { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }.hero-trust-row .reg { color:#cfe0dd; font-size:13px; }.hero-trust-row .reg b { color:#fff; }.seal { position:relative; width:152px; height:152px; flex-shrink:0; justify-self:end; border-radius:50%; border:2px solid rgba(224,182,92,.55); display:flex; align-items:center; justify-content:center; margin-inline-end:6px;}.seal::before { content:''; position:absolute; inset:10px; border-radius:50%; border:1px dashed rgba(224,182,92,.55); }.seal-inner { text-align:center; }.seal-inner .seal-no { font-family:var(--font-display); color:var(--gold-light); font-size:20px; font-weight:700; display:block; }.seal-inner .seal-label { color:#cfe0dd; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; display:block; margin-top:2px; }.hero-side { justify-self:end; display:flex; flex-direction:column; align-items:center; gap:16px; }.hero-side .seal-caption { color:#cfe0dd; font-size:12.5px; text-align:center; max-width:170px; }.strip { background:var(--blue-deep); color:#fff; padding:14px 0; overflow:hidden; white-space:nowrap; }.strip-track { display:inline-flex; gap:48px; animation:scrollx 28s linear infinite; }@keyframes scrollx { from { transform:translateX(0); } to { transform:translateX(-50%); } }.strip-item { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:600; letter-spacing:.04em; color:#CFE0DD; }.strip-item .seal-dot { width:6px; height:6px; border-radius:50%; background:var(--gold-light); }.about-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:start; }.about-media { position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--shadow); }.about-media img { width:100%; height:460px; object-fit:cover; }.about-media .vision-card { position:absolute; bottom:18px; left:18px; right:18px; background:rgba(8,42,64,.88); backdrop-filter:blur(6px); border-radius:14px; padding:20px 22px; color:#fff;}.vision-card .v-label { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); font-weight:700; margin-bottom:6px; display:block; }.vision-card p { font-size:14.5px; color:#E6EFED; }.mission-list { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px; }.mission-item { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; display:flex; gap:14px; align-items:flex-start; transition:border-color .25s,transform .25s;}.mission-item:hover { border-color:var(--teal-light); transform:translateY(-3px); }.mission-item .ic { width:38px; height:38px; border-radius:10px; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--teal); font-size:18px; }.mission-item h4 { font-family:var(--font-body); font-weight:700; font-size:14.5px; margin-bottom:4px; color:var(--blue-deep); }.mission-item p { font-size:13.5px; color:#5C6E76; }.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:24px; }.value-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:26px; transition:transform .3s,border-color .3s; }.value-card:hover { transform:translateY(-5px); border-color:var(--gold); }.value-card .num { font-size:24px; font-family:var(--font-display); color:var(--gold); margin-bottom:12px; font-weight:700; display:block; }.value-card h3 { font-family:var(--font-body); font-size:16px; font-weight:700; color:var(--blue-deep); margin-bottom:8px; }.value-card p { font-size:13.5px; color:#5C6E76; }.trustee-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }.trustee-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; text-align:center; padding:34px 24px; }.trustee-avatar { width:90px; height:90px; border-radius:50%; background:linear-gradient(135deg,var(--bg-soft),var(--line)); margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:32px; color:var(--blue); font-weight:700;}.trustee-card h3 { font-family:var(--font-body); font-size:17px; font-weight:700; color:var(--blue-deep); margin-bottom:4px; }.trustee-card .role { font-size:12.5px; font-weight:700; text-transform:uppercase; color:var(--teal); letter-spacing:.03em; display:block; margin-bottom:14px; }.trustee-card p { font-size:13.5px; color:#5C6E76; line-height:1.6; }.registration-info-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-sm); display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}.reg-detail-item { border-inline-end:1px solid var(--line); padding-inline-end:20px; }.reg-detail-item:last-child { border-inline-end:0; padding-inline-end:0; }.reg-detail-item h4 { font-family:var(--font-body); font-size:12px; text-transform:uppercase; color:var(--teal); font-weight:700; margin-bottom:8px; letter-spacing:0.05em; }.reg-detail-item p { font-size:16px; font-weight:700; color:var(--blue-deep); }.reg-detail-item span { font-size:13.5px; color:#5C6E76; display:block; margin-top:4px; }.stats-band { background:linear-gradient(120deg,var(--blue-deep),var(--blue) 55%,var(--teal)); padding:64px 0; position:relative; }.stats-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; }.stat { text-align:center; padding:0 12px; border-inline-end:1px solid rgba(255,255,255,.18); }.stat:last-child { border-inline-end:0; }.stat .num { font-family:var(--font-display); color:#fff; font-size:clamp(32px,3.4vw,46px); font-weight:700; }.stat .num .plus { color:var(--gold-light); }.stat .lab { color:#BFD8D4; font-size:12.5px; font-weight:600; margin-top:6px; letter-spacing:.03em; }.tabs { display:flex; gap:10px; margin-bottom:36px; flex-wrap:wrap; }.tab-btn { border:1.5px solid var(--line); background:#fff; padding:9px 18px; border-radius:999px; font-size:13.5px; font-weight:700; color:#5C6E76;}.tab-btn.active { background:var(--blue-deep); border-color:var(--blue-deep); color:#fff; }.proj-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.proj-card { background:var(--card); border-radius:16px; overflow:hidden; box-shadow:0 18px 40px -28px rgba(11,61,92,.4); border:1px solid var(--line); transition:transform .3s ease,box-shadow .3s ease; }.proj-card:hover { transform:translateY(-6px); box-shadow:0 26px 50px -24px rgba(11,61,92,.45); }.proj-card .img { position:relative; height:190px; overflow:hidden; }.proj-card .img img { width:100%; height:100%; object-fit:cover; }.badge { position:absolute; top:14px; inset-inline-start:14px; padding:5px 13px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }.badge.completed { background:#E7F5EC; color:var(--green); }.badge.ongoing { background:#FFF4DD; color:#9A6B0E; }.badge.upcoming { background:#E6EEF3; color:var(--blue); }.proj-card .body { padding:22px; }.proj-card h3 { font-family:var(--font-body); font-size:17px; font-weight:700; color:var(--blue-deep); margin-bottom:8px; }.proj-card p { font-size:14px; color:#5C6E76; }.init-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }.init-card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:30px 24px; text-align:start; display:flex; flex-direction:column; height:100%; }.init-card .ic { width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; background:linear-gradient(135deg,var(--teal-light),var(--blue)); color:#fff; font-size:24px;}.init-card h3 { font-family:var(--font-body); font-size:16.5px; font-weight:700; margin-bottom:8px; color:var(--blue-deep); }.init-card p { font-size:13.5px; color:#5C6E76; margin-bottom:18px; flex-grow:1; }.init-card .btn-text { align-self:flex-start; font-size:13.5px; font-weight:700; color:var(--teal); display:inline-flex; align-items:center; gap:4px; background:none; border:0; padding:0;}.init-card .btn-text span { transition:transform 0.2s; }.init-card .btn-text:hover span { transform:translateX(4px); }html[dir="rtl"] .init-card .btn-text:hover span { transform:translateX(-4px); }.init-detail-drawer { grid-column:span 4; background:var(--blue-deep); color:#fff; border-radius:18px; padding:40px; margin-top:15px; margin-bottom:10px; display:none; animation:fadeIn .3s ease; position:relative;}.init-detail-drawer::after { content:''; position:absolute; top:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid var(--blue-deep);}.init-detail-drawer.arrow-1::after { left:12.5%; }.init-detail-drawer.arrow-2::after { left:37.5%; }.init-detail-drawer.arrow-3::after { left:62.5%; }.init-detail-drawer.arrow-4::after { left:87.5%; }html[dir="rtl"] .init-detail-drawer.arrow-1::after { right:12.5%; left:auto; }html[dir="rtl"] .init-detail-drawer.arrow-2::after { right:37.5%; left:auto; }html[dir="rtl"] .init-detail-drawer.arrow-3::after { right:62.5%; left:auto; }html[dir="rtl"] .init-detail-drawer.arrow-4::after { right:87.5%; left:auto; }.init-drawer-close { position:absolute; top:20px; inset-inline-end:20px; background:rgba(255,255,255,0.1); border:0; color:#fff; width:32px; height:32px; border-radius:50%; font-size:18px; display:flex; align-items:center; justify-content:center;}.init-drawer-close:hover { background:rgba(255,255,255,0.2); }.drawer-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; }.drawer-grid h2 { color:#fff; margin-bottom:14px; font-size:clamp(22px,3vw,30px); }.drawer-grid p { color:#CFE0DD; font-size:15px; margin-bottom:20px; line-height:1.7; }.drawer-grid ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }.drawer-grid ul li { display:flex; align-items:center; gap:10px; font-size:14.5px; color:#EAF3F1; }.drawer-grid ul li::before { content:'✓'; color:var(--gold-light); font-weight:bold; }.drawer-meta-box { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:22px; }.drawer-meta-box h4 { font-family:var(--font-body); color:var(--gold-light); text-transform:uppercase; font-size:12px; letter-spacing:0.05em; margin:0 0 10px 0; }.drawer-meta-box p { font-size:14px; margin-bottom:0; color:#fff; }.gal-filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px; }.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:160px; gap:14px; }.gallery-grid .g-item { border-radius:14px; overflow:hidden; position:relative; cursor:pointer; }.gallery-grid .g-item img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }.gallery-grid .g-item:hover img { transform:scale(1.08); }.gallery-grid .g-item.tall { grid-row:span 2; }.gallery-grid .g-item.wide { grid-column:span 2; }.g-tag { position:absolute; bottom:10px; inset-inline-start:10px; background:rgba(8,42,64,.75); color:#fff; font-size:11px; padding:4px 10px; border-radius:999px; font-weight:600; }.video-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; }.video-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; }.video-cover { position:relative; height:260px; overflow:hidden; background:#000; }.video-cover img { width:100%; height:100%; object-fit:cover; opacity:0.8; }.play-btn { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:none; border:0;}.play-btn span { width:60px; height:60px; border-radius:50%; background:var(--gold); color:var(--blue-deep); display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:bold; box-shadow:0 8px 24px rgba(201,152,47,0.5); transition:transform .25s;}.video-cover:hover .play-btn span { transform:scale(1.1); }.video-card .body { padding:20px; }.video-card h3 { font-family:var(--font-body); font-size:16px; font-weight:700; color:var(--blue-deep); margin-bottom:6px; }.video-card p { font-size:13.5px; color:#5C6E76; }.lightbox { position:fixed; inset:0; z-index:2000; background:rgba(8,42,64,0.95); display:none; align-items:center; justify-content:center; padding:24px;}.lightbox.open { display:flex; }.lightbox-content { position:relative; max-width:900px; max-height:80vh; width:100%; }.lightbox-content img { max-width:100%; max-height:80vh; margin:0 auto; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.5); }.lightbox-close { position:absolute; top:-45px; right:0; background:none; border:0; color:#fff; font-size:32px; font-weight:bold;}html[dir="rtl"] .lightbox-close { left:0; right:auto; }.donate-section { background:linear-gradient(140deg,var(--blue-deep),var(--teal) 120%); border-radius:28px; padding:64px; position:relative; overflow:hidden; }.donate-section::before { content:''; position:absolute; width:420px; height:420px; border-radius:50%; background:rgba(224,182,92,.12); top:-160px; inset-inline-end:-120px; }.donate-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr .9fr; gap:54px; }.donate-grid h2 { color:#fff; font-size:clamp(28px,3.4vw,40px); margin-bottom:16px; }.donate-grid > div:first-child p.lede { color:#D9E8E5; font-size:16px; margin-bottom:24px; max-width:480px; }.benefit-list { display:grid; gap:12px; margin-bottom:30px; padding:0; }.benefit-list li { list-style:none; display:flex; gap:12px; align-items:center; color:#EAF3F1; font-size:14.5px; font-weight:500; }.benefit-list li .chk { width:22px; height:22px; border-radius:50%; background:rgba(224,182,92,.2); color:var(--gold-light); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:12px; }.pay-row { display:flex; gap:10px; flex-wrap:wrap; }.pay-pill { padding:9px 16px; border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#fff; font-size:12.5px; font-weight:600; }.donate-card { background:#fff; border-radius:18px; padding:30px; box-shadow:0 30px 60px -20px rgba(0,0,0,.4); color:var(--ink); }.donate-card .goal-row { display:flex; justify-content:space-between; font-size:13px; color:#5C6E76; margin-bottom:8px; font-weight:600; }.donate-card .goal-row b { color:var(--blue-deep); }.progress-track { height:10px; border-radius:999px; background:var(--bg-soft); overflow:hidden; margin-bottom:24px; }.progress-fill { height:100%; width:0%; border-radius:999px; background:linear-gradient(90deg,var(--gold),var(--green)); transition:width 1.4s cubic-bezier(.2,.8,.2,1); }.amount-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:18px; }.amount-row button { border:1.5px solid var(--line); border-radius:10px; background:#fff; padding:11px 4px; font-weight:700; font-size:13.5px; color:var(--blue-deep); }.amount-row button.sel { border-color:var(--gold); background:#FFF7E9; }.donation-impact-box { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px; margin-bottom:26px; }.donation-impact-box h3 { font-family:var(--font-body); font-size:16.5px; font-weight:700; margin-bottom:14px; display:flex; align-items:center; gap:8px; color:var(--blue-deep); }.donation-impact-list { display:grid; gap:14px; }.donation-impact-item { display:flex; gap:12px; align-items:flex-start; font-size:14px; color:#5C6E76; }.donation-impact-item strong { color:var(--teal); font-size:14.5px; white-space:nowrap; }.payment-selector-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:22px; }.payment-selector-card { border:1.5px solid var(--line); border-radius:10px; padding:14px 10px; text-align:center; background:#fff; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font-size:13px; font-weight:700; color:var(--blue-deep);}.payment-selector-card.active { border-color:var(--gold); background:#FFF7E9; }.payment-selector-card span.ic { font-size:20px; }.payment-method-details { border:1px solid var(--line); border-radius:var(--radius); padding:22px; background:var(--bg); margin-bottom:22px; display:none;}.payment-method-details.active { display:block; }.upi-qr-wrapper { display:flex; flex-direction:column; align-items:center; gap:14px; padding:10px 0; }.upi-qr-placeholder { width:140px; height:140px; border:1px solid var(--line); border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; color:#7A8A92; }.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.news-card { background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; height:100%; }.news-card .img { height:170px; overflow:hidden; }.news-card .img img { width:100%; height:100%; object-fit:cover; }.news-card .body { padding:20px; display:flex; flex-direction:column; flex-grow:1; }.news-card .date { font-size:11.5px; font-weight:700; color:var(--teal); letter-spacing:.05em; text-transform:uppercase; margin-bottom:8px; display:block; }.news-card h3 { font-family:var(--font-body); font-size:15.5px; font-weight:700; color:var(--blue-deep); margin-bottom:8px; }.news-card p { font-size:13.5px; color:#5C6E76; margin-bottom:14px; flex-grow:1; }.news-layout-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:40px; }.featured-news-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; margin-bottom:40px; }.featured-news-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:0; }.featured-news-card .img { height:350px; background:#000; }.featured-news-card .img img { width:100%; height:100%; object-fit:cover; }.featured-news-card .body { padding:36px; display:flex; flex-direction:column; justify-content:center; }.featured-news-card h2 { font-size:clamp(22px,2.5vw,30px); margin-bottom:12px; }.news-sidebar-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px; margin-bottom:24px; }.news-sidebar-card h3 { font-family:var(--font-body); font-size:16px; font-weight:700; color:var(--blue-deep); margin-bottom:18px; border-bottom:1.5px solid var(--line); padding-bottom:8px; }.news-cat-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }.news-cat-list li a { display:flex; justify-content:space-between; font-size:14px; color:#5C6E76; font-weight:600; padding:6px 0; }.news-cat-list li a:hover { color:var(--teal); }.news-pagination { display:flex; justify-content:center; gap:8px; margin-top:48px; }.news-pagination a,.news-pagination span { width:40px; height:40px; border-radius:50%; border:1.5px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:#5C6E76;}.news-pagination a:hover { border-color:var(--teal); color:var(--teal); }.news-pagination span.active { background:var(--blue-deep); border-color:var(--blue-deep); color:#fff; }.impact-timeline { position:relative; padding:40px 0; max-width:800px; margin:0 auto; }.impact-timeline::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; background:var(--line); transform:translateX(-50%); }html[dir="rtl"] .impact-timeline::before { left:50%; transform:translateX(-50%); }.timeline-item { position:relative; margin-bottom:60px; width:50%; padding-inline-end:40px; }.timeline-item:nth-child(even) { margin-inline-start:50%; padding-inline-end:0; padding-inline-start:40px; }.timeline-badge { position:absolute; top:6px; right:-18px; width:36px; height:36px; border-radius:50%; background:var(--gold); border:4px solid var(--bg); display:flex; align-items:center; justify-content:center; color:var(--blue-deep); font-size:11px; font-weight:bold;}.timeline-item:nth-child(even) .timeline-badge { right:auto; left:-18px; }.timeline-content { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow-sm); }.timeline-content h3 { font-family:var(--font-body); font-size:16px; font-weight:700; color:var(--blue-deep); margin-bottom:4px; }.timeline-content .year { font-family:var(--font-display); font-size:24px; color:var(--gold); font-weight:700; display:block; margin-bottom:6px; }.timeline-content p { font-size:13.5px; color:#5C6E76; }.testimonial-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }.testimonial-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:34px; box-shadow:var(--shadow-sm); position:relative; }.testimonial-card .quote-icon { font-size:38px; color:var(--gold-light); opacity:0.3; position:absolute; top:20px; inset-inline-start:24px; }.testimonial-card p { font-size:14.5px; color:#475A63; line-height:1.7; font-style:italic; margin-bottom:24px; position:relative; z-index:2; padding-top:10px; }.testimonial-card .author { display:flex; align-items:center; gap:14px; }.testimonial-card .author-avatar { width:50px; height:50px; border-radius:50%; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--teal); font-size:16px; }.testimonial-card .author-name { font-size:14.5px; font-weight:700; color:var(--blue-deep); }.testimonial-card .author-meta { font-size:12.5px; color:#7A8A92; display:block; margin-top:2px; }.split-2 { display:grid; grid-template-columns:1fr 1fr; gap:60px; }.form-card { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:34px; box-shadow:var(--shadow); }.field { margin-bottom:18px; }.field label { display:block; font-size:13px; font-weight:700; color:var(--blue-deep); margin-bottom:7px; }.field input,.field select,.field textarea { width:100%; padding:12px 14px; border:1.5px solid var(--line); border-radius:10px; font-size:14px; font-family:inherit; color:var(--ink); background:#fcfcfb;}.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--teal); outline:none; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.contact-info-card { background:var(--blue-deep); color:#fff; border-radius:18px; padding:34px; margin-bottom:24px; }.contact-info-card .ci-row { display:flex; gap:14px; margin-bottom:18px; align-items:flex-start; }.contact-info-card .ci-row:last-child { margin-bottom:0; }.contact-info-card .ic { width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gold-light); font-size:16px; }.contact-info-card h4 { font-family:var(--font-body); font-size:13.5px; color:var(--gold-light); margin-bottom:4px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }.contact-info-card p { font-size:14px; color:#D9E8E5; }.map-embed { border-radius:18px; overflow:hidden; height:220px; border:1px solid var(--line); }.map-embed iframe { width:100%; height:100%; border:0; }.form-feedback { background:#E7F5EC; color:var(--green); border:1px solid rgba(47,143,91,0.2); padding:14px 20px; border-radius:10px; font-size:14.5px; font-weight:600; margin-bottom:20px;}.form-feedback.error { background:#FDF2F2; color:#DE350B; border-color:rgba(222,53,11,0.2);}footer.site { background:#082030; color:#AFC6C2; padding:70px 0 28px; }.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; margin-bottom:50px; }footer.site .brand-text strong { color:#fff; }footer.site h5 { color:#fff; font-size:13.5px; font-weight:700; margin-bottom:18px; text-transform:uppercase; letter-spacing:.05em; }footer.site ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }footer.site ul a { font-size:14px; color:#AFC6C2; }footer.site ul a:hover { color:var(--gold-light); }footer.site p.about-blurb { font-size:13.5px; color:#8FA8A6; line-height:1.7; margin-top:14px; max-width:280px; }.social-row { display:flex; gap:10px; margin-top:16px; }.social-row a { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; }.social-row a:hover { background:var(--teal); }.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; font-size:12.5px; color:#7E9794; }.footer-bottom .legal-links { display:flex; gap:18px; }.donate-float { position:fixed; bottom:24px; inset-inline-end:24px; z-index:900; box-shadow:0 16px 36px -12px rgba(201,152,47,.7);}.reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .7s ease; }.reveal.in { opacity:1; transform:translateY(0); }@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@media (prefers-reduced-motion:reduce) { .reveal { opacity:1; transform:none; transition:none; } .strip-track { animation:none; }}@media (max-width:1024px) { .proj-grid { grid-template-columns:repeat(2,1fr); } .init-grid { grid-template-columns:repeat(2,1fr); } .init-detail-drawer { grid-column:span 2; } .news-grid { grid-template-columns:repeat(2,1fr); } .gallery-grid { grid-template-columns:repeat(3,1fr); } .about-grid { grid-template-columns:1fr; } .donate-grid { grid-template-columns:1fr; } .split-2 { grid-template-columns:1fr; } .stats-grid { grid-template-columns:repeat(3,1fr); } .stat { border-inline-end:0; border-bottom:1px solid rgba(255,255,255,.18); padding-bottom:18px; margin-bottom:18px; } .stat:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; } .hero-grid { grid-template-columns:1fr; } .hero-side { justify-self:start; flex-direction:row; margin-top:10px; } .trustee-grid { grid-template-columns:repeat(2,1fr); } .registration-info-card { grid-template-columns:1fr; gap:20px; } .reg-detail-item { border-inline-end:0; border-bottom:1px solid var(--line); padding-bottom:16px; padding-inline-end:0; } .reg-detail-item:last-child { border-bottom:0; padding-bottom:0; } .news-layout-grid { grid-template-columns:1fr; } .featured-news-grid { grid-template-columns:1fr; } .featured-news-card .img { height:260px; } .impact-timeline::before { left:24px; } html[dir="rtl"] .impact-timeline::before { right:24px; left:auto; } .timeline-item { width:100%; padding-inline-start:48px; padding-inline-end:0; margin-bottom:40px; } .timeline-item:nth-child(even) { margin-inline-start:0; padding-inline-start:48px; } .timeline-badge { left:6px; right:auto; } html[dir="rtl"] .timeline-badge { right:6px; left:auto; } .timeline-item:nth-child(even) .timeline-badge { left:6px; } html[dir="rtl"] .timeline-item:nth-child(even) .timeline-badge { right:6px; } .testimonial-grid { grid-template-columns:1fr; }}@media (max-width:760px) { nav.links { display:none; } .menu-toggle { display:block; } .proj-grid,.init-grid,.news-grid { grid-template-columns:1fr; } .init-detail-drawer { grid-column:span 1; } .drawer-grid { grid-template-columns:1fr; gap:20px; } .gallery-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:130px; } .video-grid { grid-template-columns:1fr; } .mission-list { grid-template-columns:1fr; } .footer-grid { grid-template-columns:1fr 1fr; } .donate-section { padding:36px 24px; } .field-row { grid-template-columns:1fr; } .stats-grid { grid-template-columns:repeat(2,1fr); } .section { padding:40px 0; } .amount-row { grid-template-columns:repeat(2,1fr); } .payment-selector-grid { grid-template-columns:1fr; } .values-grid { grid-template-columns:repeat(2,1fr); } .trustee-grid { grid-template-columns:1fr; }}@media (max-width:480px) { .footer-grid { grid-template-columns:1fr; } .values-grid { grid-template-columns:1fr; } .gallery-grid { grid-template-columns:1fr; grid-auto-rows:160px; } .gallery-grid .g-item.wide { grid-column:span 1; }}.mobile-menu { position:fixed; inset:0; background:var(--blue-deep); z-index:1100; display:none; flex-direction:column; padding:28px; gap:6px;}.mobile-menu.open { display:flex; }.mobile-menu a { color:#fff; font-size:20px; font-weight:600; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.12); }.mobile-menu .close-x { align-self:flex-end; background:none; border:0; color:#fff; font-size:28px; margin-bottom:20px; }