:root{--navy:#0c1c28;--navy2:#122b37;--gold:#cfaf73;--gold-bright:#eed7a2;--cream:#f5f1e8;--ink:#18313b;--muted:#aebdc1;--white:#fff;--line:rgba(208,222,226,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font:inherit;cursor:pointer}.shell{width:min(1160px,calc(100% - 46px));margin-inline:auto}.ornament{pointer-events:none;position:absolute;border:1px solid rgba(207,175,115,.07);border-radius:50%;width:900px;height:900px;z-index:0}.ornament--one{right:-520px;top:-420px}.ornament--two{left:-700px;top:380px}.site-header{position:relative;z-index:2;border-bottom:1px solid var(--line)}.nav-wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:15px}.identity{display:flex;align-items:center;gap:13px;text-decoration:none}.identity-mark{display:grid;place-items:center;color:var(--gold);width:50px;height:50px;border:1px solid rgba(207,175,115,.5);border-radius:100%}.identity-mark svg{width:28px}.identity-copy{display:flex;flex-direction:column;gap:6px}.identity-copy strong{font-size:20px;letter-spacing:.1px;line-height:1}.identity-copy small{font-size:9px;color:#a2b6be;font-weight:700;letter-spacing:2px}.top-nav{display:flex;align-items:center;gap:30px}.nav-link{color:#c5ced1;text-decoration:none;font-size:13px}.nav-link:hover,.footer a:hover{color:var(--gold)}.btn{appearance:none;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid transparent;border-radius:4px;min-height:52px;padding:0 24px;font-weight:700;font-size:14px;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn--gold{background:var(--gold);color:#112430}.btn--gold:hover{background:var(--gold-bright)}.btn--outline{background:transparent;color:#16333d;border-color:#aebfbd}.btn--outline:hover{background:#edf3ef}.btn--small{font-size:12px;min-height:42px;padding-inline:19px}.hero{position:relative;z-index:1;padding-top:86px;padding-bottom:102px}.eyebrow{display:flex;align-items:center;gap:15px;color:var(--gold);letter-spacing:3px;font-size:11px;font-weight:800}.gold-line{width:32px;height:1px;background:var(--gold);display:inline-block}.hero-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:22px 0 41px}.hero h1{font-weight:650;letter-spacing:-3.5px;font-size:clamp(48px,7vw,90px);line-height:1.03;max-width:780px;margin:0}.gold-dot{color:var(--gold)}.hero-intro{max-width:300px;font-size:17px;line-height:1.7;color:#b6c5c8;margin:0 0 10px}.video-shell{background:#07131e;border:1px solid rgba(207,175,115,.38);box-shadow:0 36px 100px rgba(0,0,0,.24)}.video-topline,.video-bottomline{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;letter-spacing:1.7px;font-size:10px;font-weight:750;color:#b0bdc1}.video-topline-label{display:flex;align-items:center;gap:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.campaign-video{width:100%;aspect-ratio:16/9;display:block;background:#020709;object-fit:contain}.video-placeholder{position:relative;aspect-ratio:16/9;min-height:300px;background:radial-gradient(circle at 75% 40%,#264353 0,#102a36 39%,#071722 92%);display:flex;align-items:center;overflow:hidden}.video-placeholder-copy{position:relative;z-index:1;padding:9%;}.placeholder-kicker{color:#dbbd88;letter-spacing:4px;font-size:11px;font-weight:750}.video-placeholder-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,6vw,78px);font-weight:400;line-height:1.1;display:block;margin-top:20px}.video-placeholder-copy em{color:var(--gold);font-style:normal}.video-placeholder-copy p{color:#b7c4c6;font-size:14px;margin-top:25px}.video-placeholder-motif{position:absolute;inset:0;opacity:.65}.arch{position:absolute;border:2px solid rgba(203,172,119,.35);border-radius:50% 50% 0 0;border-bottom:0;width:27%;height:75%;bottom:-1px;right:17%}.arch-b{right:22%;height:58%;width:17%;border-color:rgba(203,172,119,.7)}.star-glyph{color:var(--gold);font-size:18px}.hero-actions{display:flex;gap:33px;align-items:center;margin-top:27px}.text-link{text-decoration:none;font-size:13px;font-weight:700;display:flex;gap:20px;align-items:center}.text-link:hover{color:var(--gold)}.purpose-section{background:#f4f0e7;color:#152a34;padding:115px 0 110px}.purpose-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:clamp(38px,7vw,110px);align-items:center}.eyebrow--dim{color:#a88a51}.eyebrow--dim .gold-line{background:#b1945e}.purpose-content h2,.support-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(39px,5vw,62px);font-weight:400;line-height:1.13;letter-spacing:-1.4px;margin:25px 0}.purpose-content h2 em,.support-section h2 em{font-style:normal;color:#b49257}.purpose-content>p{font-size:17px;line-height:1.9;max-width:565px;color:#4e6068}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.pill-list span{border:1px solid #d3d4cd;border-radius:30px;font-size:12px;font-weight:650;padding:10px 16px;color:#4e6068}.goal-block{margin-top:52px;border-top:1px solid #cdd2cd;padding-top:30px;display:flex;flex-direction:column;gap:13px}.goal-block small{letter-spacing:2px;font-weight:800;font-size:11px;color:#7c8482}.goal-block strong{font-family:Georgia,serif;font-size:44px;color:#14313d;font-weight:400}.goal-block>span{font-size:14px;color:#738087}.poster-card{background:#fff;box-shadow:0 18px 60px rgba(25,48,52,.14);padding:18px}.poster-label{display:flex;justify-content:space-between;color:#516168;font-size:10px;font-weight:800;letter-spacing:1.8px;margin:5px 3px 16px}.poster-card>a{display:block;line-height:0}.poster-card img{width:100%;height:auto;max-height:680px;object-fit:contain;background:#0b202c}.poster-caption{display:flex;justify-content:space-between;margin:15px 3px 3px;color:#738187;font-size:12px}.support-section{padding-top:120px;padding-bottom:125px}.support-section h2{margin-bottom:17px}.support-intro{color:#aebdc1;max-width:620px;line-height:1.75;font-size:17px}.support-cards{margin-top:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.support-card{min-height:310px;padding:31px;background:#f2eee4;color:var(--ink);display:flex;flex-direction:column;align-items:start}.support-card--alt{background:#e8e5d9}.support-card--quiet{background:#dbe4df}.support-icon{font-family:Georgia,serif;color:#aa8953;font-size:43px;line-height:1}.support-card h3{font-size:22px;letter-spacing:-.45px;margin:22px 0 4px}.support-card p{font-size:14px;line-height:1.7;color:#64757a;margin-bottom:26px}.support-card .btn{margin-top:auto;width:100%}.not-configured{font-size:12px;margin-top:auto;color:#79867f;font-weight:650;padding:12px 0}.support-card .share-feedback{margin:8px 0 0;font-size:11px;word-break:break-word}.closing-section{border-block:1px solid var(--line);background:#102630}.closing-inner{min-height:170px;display:flex;align-items:center;justify-content:center;gap:45px;text-align:center}.closing-inner span{color:var(--gold)}.closing-inner p{font-family:Georgia,serif;font-size:22px;line-height:1.5;max-width:620px;font-style:italic;color:#d6dedc}.footer{padding:37px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner>div:first-child{display:flex;flex-direction:column;gap:9px}.footer-inner strong{font-size:17px}.footer-inner small{font-size:11px;color:#96aaae}.footer-links{display:flex;gap:30px}.footer-links a{font-size:12px;text-decoration:none;color:#abb9bc}
@media(max-width:850px){.hero-heading{display:block}.hero-intro{margin-top:24px;max-width:640px}.purpose-grid{grid-template-columns:1fr}.poster-column{max-width:560px;width:100%;margin-inline:auto}.support-cards{grid-template-columns:1fr 1fr}.support-card:last-child{grid-column:span 2}.support-card{min-height:285px}}
@media(max-width:600px){.shell{width:calc(100% - 32px)}.nav-wrap{min-height:78px}.identity-mark{width:40px;height:40px}.identity-copy strong{font-size:16px}.identity-copy small{font-size:7px;letter-spacing:1.3px}.top-nav .nav-link{display:none}.btn--small{min-height:39px;font-size:11px;padding:0 12px;gap:8px}.hero{padding-top:51px;padding-bottom:74px}.eyebrow{font-size:9px;letter-spacing:2px;gap:11px}.gold-line{width:23px}.hero h1{font-size:clamp(42px,11.3vw,66px);line-height:1.06;letter-spacing:-2.4px}.hero-heading{margin:21px 0 30px}.hero-intro{font-size:15px;line-height:1.75}.video-topline,.video-bottomline{height:42px;padding:0 13px;font-size:8px;letter-spacing:1px}.video-topline-right{display:none}.video-placeholder{min-height:220px;aspect-ratio:1.36}.video-placeholder-copy{padding:7%}.video-placeholder-copy strong{font-size:39px}.placeholder-kicker{font-size:9px;letter-spacing:2px}.video-placeholder-copy p{font-size:12px}.arch{right:7%;width:41%;height:70%}.arch-b{right:14%;width:27%;height:54%}.hero-actions{align-items:start;flex-direction:column;gap:24px}.hero-actions .btn{width:100%}.purpose-section{padding:73px 0}.purpose-content h2,.support-section h2{font-size:41px}.purpose-content>p{font-size:15px;line-height:1.85}.goal-block{margin-top:35px}.goal-block strong{font-size:38px}.poster-card{padding:13px}.support-section{padding-block:78px}.support-intro{font-size:15px}.support-cards{grid-template-columns:1fr;gap:14px;margin-top:32px}.support-card,.support-card:last-child{grid-column:auto;min-height:265px}.closing-inner{gap:10px;padding-block:30px}.closing-inner p{font-size:18px}.footer-inner{align-items:start;flex-direction:column;gap:24px}.footer-links{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.masjid-seal{display:flex;align-items:center;gap:17px;margin-top:36px}.masjid-seal img{height:80px;width:70px;object-fit:contain;background:#fff;border:1px solid #dfe3dc;padding:5px}.masjid-seal>div{display:flex;flex-direction:column;gap:7px}.masjid-seal strong{font-size:18px;color:#19323d}.masjid-seal span{font-size:12px;color:#738187}

/* V1.1 embedded Donorbox donation section */
html{scroll-padding-top:18px}
.donate-section{background:#edf1ec;color:#19313a;padding:100px 0 108px;scroll-margin-top:20px}
.donate-layout{max-width:990px}
.donate-layout h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,61px);font-weight:400;line-height:1.13;letter-spacing:-1.4px;margin:24px 0 16px}
.donate-layout h2 em{font-style:normal;color:#a4844e}
.donate-intro{max-width:740px;font-size:16px;line-height:1.8;color:#526a70;margin:0 0 35px}
.donate-widget-panel{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dce5dd;box-shadow:0 17px 50px rgba(25,48,52,.08);padding:clamp(14px,4vw,32px);border-radius:16px;overflow:visible}
.donate-widget-heading{display:flex;align-items:center;gap:16px;padding:0 0 22px;border-bottom:1px solid #e5ebe4;margin-bottom:20px}
.donate-icon{display:flex;justify-content:center;align-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#f8f0df;color:#997741;font-family:Georgia,serif;font-size:30px}
.donate-widget-heading div{display:flex;flex-direction:column;gap:5px}
.donate-widget-heading strong{font-size:18px;font-weight:750;color:#17313d}
.donate-widget-heading span:not(.donate-icon){font-size:12px;color:#6a8082}
dbox-widget{display:block;width:100%;max-width:100%;margin:0 auto;min-height:480px}
.donate-security-note{font-size:12px;line-height:1.6;color:#688084;margin:22px 0 0}
.donate-backup{font-size:13px;line-height:1.6;margin-top:12px;color:#536b72}
.donate-backup a{color:#1b5a67;text-underline-offset:3px}
@media(max-width:600px){.donate-section{padding:72px 0 80px}.donate-layout h2{font-size:39px}.donate-intro{font-size:15px}.donate-widget-heading strong{font-size:16px}.donate-widget-panel{padding:16px;border-radius:12px}dbox-widget{min-height:450px}}

/* V1.2 official brand and mobile media refinements */
.identity-mark{overflow:hidden;border-color:#cbaa71;background:#192d45;flex:0 0 50px;border-radius:8px}
.identity-mark img{width:100%;height:100%;display:block;object-fit:cover}
.official-news{margin:22px 0 0 !important;font-size:14px!important;color:#4f6570!important;line-height:1.65!important}
.official-news a{font-weight:750;color:#0e4158;text-underline-offset:3px}
.campaign-video{max-height:70vh}
@media(max-width:600px){.identity-mark{flex-basis:42px;width:42px;height:42px}.campaign-video{max-height:none}}

/* V1.3: Admin-configured follow channels */
.follow-section{background:#102432;border-top:1px solid rgba(214,184,125,.2);border-bottom:1px solid rgba(214,184,125,.2);padding:86px 0 92px;color:#fff;scroll-margin-top:30px}
.follow-inner{max-width:1180px}
.follow-heading{max-width:740px;margin-bottom:35px}
.follow-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,4.8vw,58px);font-weight:400;letter-spacing:-1.4px;line-height:1.14;margin:20px 0 15px}
.follow-heading h2 em{font-style:normal;color:#dfb66c}
.follow-heading>p{max-width:660px;color:#b9c8cb;font-size:16px;line-height:1.8;margin:0}
.follow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.follow-card{display:flex;align-items:center;gap:14px;min-height:104px;padding:21px 19px;border:1px solid rgba(232,222,200,.21);border-radius:15px;background:#1a3543;color:#f9fcfd;text-decoration:none;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.follow-card:hover,.follow-card:focus-visible{background:#254957;border-color:#d7b16e;transform:translateY(-2px)}
.follow-icon{flex:0 0 49px;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:#31556c;color:#fff}
.follow-icon svg{width:27px;height:27px;display:block}
.follow-card--facebook .follow-icon{background:#1877f2}
.follow-card--instagram .follow-icon{background:linear-gradient(135deg,#6d2fe1,#e83878,#f5a54a)}
.follow-card--whatsapp .follow-icon{background:#178d57}
.follow-card-label{display:flex;flex-direction:column;min-width:0;gap:5px}
.follow-card-label strong{font-size:16px;letter-spacing:-.3px}
.follow-card-label small{font-size:12px;color:#b8cbd0}
.follow-arrow{margin-left:auto;color:#e2c18b;font-size:22px}
.follow-footnote{font-size:12px;color:#91adb4;margin:22px 0 0;line-height:1.6}
@media(max-width:900px){.follow-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.follow-section{padding:65px 0}.follow-cards{grid-template-columns:1fr;gap:12px}.follow-card{min-height:87px}.follow-heading>p{font-size:14px}.follow-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.follow-card{transition:none}.follow-card:hover{transform:none}}