:root{--green:#0b3d2e;--green-2:#0f5132;--green-3:#157f54;--gold:#c9a227;--gold-soft:#e8d59a;--cream:#faf7f0;--cream-2:#f3eee2;--ink:#23201a;--muted:#6c6557;--line:#e7e0d0;--white:#fff;--shadow:0 14px 40px rgba(11,61,46,0.12);--radius:16px}[data-theme=dark]{--cream:#0f1613;--cream-2:#161f1a;--white:#1a2520;--ink:#e9e7df;--muted:#a6b1a6;--line:#29342d;--shadow:0 14px 40px rgba(0,0,0,.5)}[data-theme=dark] header.site{background:rgba(15,22,19,.9)}[data-theme=dark] .brand b{color:var(--gold-soft)}[data-theme=dark] nav.main a{color:var(--ink)}[data-theme=dark] .section-head h2{color:#f1e7cf}[data-theme=dark] .card h3,[data-theme=dark] .prose h2{color:var(--gold-soft)}[data-theme=dark] .prose h3{color:#cfe3d9}[data-theme=dark] .prose p{color:var(--ink)}[data-theme=dark] .tt tbody tr:nth-child(2n) td{background:rgba(255,255,255,.03)}[data-theme=dark] .tt caption,[data-theme=dark] .tt td{color:var(--ink)}[data-theme=dark] .note-box{background:#241f10;color:#e8d59a}[data-theme=dark] .tag{color:#7fd3ad;background:rgba(21,127,84,.18)}[data-theme=dark] .contact-form label{color:var(--gold-soft)}[data-theme=dark] .map{background:var(--cream-2);color:var(--muted)}.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;font-size:1.1rem;display:grid;place-items:center;flex:none;transition:.2s}.theme-toggle:hover{border-color:var(--gold);transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}.display,h1,h2,h3,h4{font-family:Cormorant Garamond,Georgia,serif}.ar{font-family:Amiri,serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.8em 1.5em;border-radius:999px;font-weight:600;font-size:.95rem;transition:.2s;cursor:pointer;border:0}.btn-gold{background:linear-gradient(135deg,var(--gold),#b8860b);color:#3a2c00;box-shadow:0 8px 22px rgba(201,162,39,.35)}.btn-gold:hover{transform:translateY(-2px)}.btn-outline{border:1.5px solid rgba(255,255,255,.55);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.12)}.btn-green{background:var(--green-2);color:#fff}.btn-green:hover{background:var(--green);transform:translateY(-2px)}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}section{padding:72px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head h2{font-size:2.4rem;color:var(--green);margin:.2em 0}.section-head p{color:var(--muted)}.topbar{background:var(--green);color:#dfeee7;font-size:.82rem}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;flex-wrap:wrap;gap:4px 8px;padding-top:6px;padding-bottom:6px}.topbar a{opacity:.9}.topbar a:hover{opacity:1;color:var(--gold-soft)}.topbar .sep{opacity:.4;margin:0 10px}header.site{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(250,247,240,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header.site .wrap{justify-content:space-between;height:74px}.brand,header.site .wrap{display:flex;align-items:center}.brand{gap:12px}.brand .mark{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--green-3),var(--green));display:grid;place-items:center;color:var(--gold-soft);box-shadow:var(--shadow);flex:none}.brand b{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--green);line-height:1;display:block}.brand small{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}nav.main{display:flex;gap:24px;align-items:center}nav.main a{font-weight:500;font-size:.95rem;color:var(--ink);padding:6px 0}nav.main a:hover{color:var(--green-3)}.header-cta{display:flex;align-items:center;gap:14px}@media (max-width:940px){nav.main{display:none}}.hero{position:relative;background:linear-gradient(150deg,#0a352a,#0b3d2e 55%,#0f5132);color:#eaf4ee;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 14px 14px,rgba(201,162,39,.16) 2px,transparent 0);background-size:28px 28px;z-index:0}.hero-skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;color:#04150f;opacity:.92;z-index:1;pointer-events:none}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:48px;gap:48px;align-items:center;padding:84px 20px}.hero h1{font-size:3.5rem;line-height:1.05;color:#fff;font-weight:700}.hero h1 span{color:var(--gold-soft)}.hero p.lead{margin:18px 0 28px;font-size:1.12rem;color:#cfe3d9;max-width:30em}.hero .cta{display:flex;gap:14px;flex-wrap:wrap}.next-chip{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:8px 16px;border:1px solid rgba(232,213,154,.4);border-radius:999px;background:rgba(255,255,255,.06);font-size:.86rem}.next-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,162,39,.25);flex:none}.next-chip b{color:var(--gold-soft)}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding:52px 20px}.hero h1{font-size:2.5rem}}.pcard{background:var(--white);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}.pc-top{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;padding:20px 24px;text-align:center}.pc-top .eyebrow{color:var(--gold-soft)}.pc-top h3{font-size:1.5rem;margin-top:4px;color:#fff}.pc-top .hijri{font-size:.85rem;color:#bfe0d0}.countdown{margin-top:14px;background:rgba(0,0,0,.18);border:1px solid rgba(232,213,154,.3);border-radius:12px;padding:10px 14px;font-size:.9rem}.countdown b{color:var(--gold-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pcard table{width:100%;border-collapse:collapse}.pcard thead th{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 24px 8px;text-align:right}.pcard thead th:first-child{text-align:left}.pcard tbody td{padding:13px 24px;border-top:1px solid var(--line)}.pcard .pname .en{font-weight:600;font-size:1.05rem}.pcard .pname .ar{display:block;font-size:1rem;color:var(--muted)}.pcard .ptime{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.12rem;font-weight:600}.pcard .begins,.pcard tr.muted .pname .en{color:var(--muted);font-weight:500}.pcard tr.muted .jamaah{color:var(--line)}.pcard tr.next{background:linear-gradient(90deg,rgba(201,162,39,.14),rgba(201,162,39,.04))}.pcard tr.next .jamaah{color:var(--green-2)}.badge-next{font-family:Inter,sans-serif;font-size:.6rem;letter-spacing:.1em;background:var(--gold);color:#3a2c00;padding:2px 7px;border-radius:6px;margin-left:8px;vertical-align:middle;font-weight:700}.pc-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--cream-2);font-size:.85rem;color:var(--muted)}.pc-foot a{color:var(--green-3);font-weight:600}.grid{display:grid;grid-gap:22px;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.g3,.g4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:.2s;display:block}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .ic{width:50px;height:50px;border-radius:13px;background:var(--cream-2);display:grid;place-items:center;font-size:1.5rem;margin-bottom:14px}.card h3{font-size:1.4rem;color:var(--green);margin-bottom:6px}.card p{color:var(--muted);font-size:.92rem}.tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-3);background:rgba(21,127,84,.1);padding:4px 10px;border-radius:6px;margin-bottom:10px}.jummah{background:var(--green);color:#eaf4ee}.jummah .section-head h2{color:#fff}.jummah .section-head p{color:#bcd6ca}.jrow{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;max-width:760px;margin:0 auto}@media (max-width:560px){.jrow{grid-template-columns:1fr}}.jcard{background:rgba(255,255,255,.06);border:1px solid rgba(232,213,154,.25);border-radius:var(--radius);padding:26px;text-align:center}.jcard .eyebrow{color:var(--gold-soft)}.jcard .big{font-family:Cormorant Garamond,serif;font-size:2.6rem;color:#fff;margin:6px 0}.jcard small{color:#bcd6ca}.alert{background:linear-gradient(90deg,#7a5b00,#9a7400);color:#fff;font-size:.92rem}.alert .wrap{display:flex;align-items:center;gap:14px;padding:12px 20px}.alert b{background:rgba(255,255,255,.18);padding:3px 10px;border-radius:6px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;flex:none}.donate .inner{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;grid-gap:40px;gap:40px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.donate .inner:before{content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(circle at 14px 14px,rgba(201,162,39,.18) 2px,transparent 0);background-size:30px 30px}.donate h2{font-size:2.4rem;color:#fff;position:relative}.donate p{color:#cfe3d9;position:relative;margin:10px 0 0}.give-box{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(232,213,154,.3);border-radius:var(--radius);padding:22px}.give-box .line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.18);font-size:.92rem}.give-box .line:last-child{border:0}.give-box .line b{color:var(--gold-soft);text-align:right}@media (max-width:760px){.donate .inner{grid-template-columns:1fr;padding:32px}}.impact{background:var(--green);color:#fff}.impact .grid{grid-template-columns:repeat(4,1fr);text-align:center}.impact .n{font-family:Cormorant Garamond,serif;font-size:3rem;color:var(--gold-soft);line-height:1}.impact .l{color:#bcd6ca;font-size:.9rem;margin-top:4px}@media (max-width:560px){.impact .grid{grid-template-columns:1fr 1fr}}.contact .grid{grid-template-columns:1fr 1fr;align-items:stretch}@media (max-width:760px){.contact .grid{grid-template-columns:1fr}}.map{border-radius:var(--radius);overflow:hidden;min-height:300px;border:1px solid var(--line);background:var(--cream-2)}.map iframe{width:100%;height:100%;min-height:300px;border:0;display:block}.info{list-style:none}.info li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem}.info .k{color:var(--gold);font-weight:700;min-width:92px;flex:none}footer.site{background:#072a20;color:#a9c4b8;font-size:.9rem;padding:54px 0 26px}footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:30px;gap:30px}footer.site h4{color:#fff;font-family:Inter,sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}footer.site a{display:block;padding:5px 0}footer.site a:hover{color:var(--gold-soft)}footer.site .base{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;opacity:.8}@media (max-width:760px){footer.site .cols{grid-template-columns:1fr 1fr}}.page-hero{background:linear-gradient(150deg,#0a352a,#0f5132);color:#eaf4ee;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 14px 14px,rgba(201,162,39,.16) 2px,transparent 0);background-size:28px 28px;z-index:0}.page-hero-skyline{position:absolute;right:0;bottom:0;width:min(640px,58%);height:auto;color:#04150f;opacity:.16;z-index:0;pointer-events:none}.page-hero .wrap{position:relative;z-index:1;padding:64px 20px}.page-hero h1{font-size:3rem;color:#fff}.page-hero p{color:#cfe3d9;max-width:40em;margin-top:10px}.breadcrumb{font-size:.82rem;color:#bcd6ca;margin-bottom:10px}.breadcrumb a:hover{color:var(--gold-soft)}@media (max-width:560px){.page-hero h1{font-size:2.2rem}}.prose{max-width:760px}.prose p{margin:0 0 1.1em;color:#3c372e}.prose h2{font-size:1.9rem;color:var(--green);margin:1.4em 0 .4em}.prose h3{font-size:1.35rem;color:var(--green-2);margin:1.2em 0 .3em}.prose ul{margin:0 0 1.1em 1.1em}.prose li{margin:.35em 0}.lead-p{font-size:1.15rem;color:var(--muted)}.tt{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tt caption{text-align:left;font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--green);padding:16px 16px 4px}.tt td,.tt th{padding:9px 10px;text-align:center;font-size:.86rem;border-top:1px solid var(--line)}.tt thead th{background:var(--green);color:#fff;font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;border:0}.tt td:first-child,.tt th:first-child{text-align:left}.tt tbody tr:nth-child(2n) td{background:#faf7ef}.tt tr.is-today td{background:rgba(201,162,39,.16)!important;font-weight:600}.tt-scroll{overflow-x:auto}.note-box{background:#fff8e6;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;padding:14px 16px;font-size:.92rem;color:#6b5a1f;margin:18px 0}.center{text-align:center}.mt{margin-top:28px}.contact-form{max-width:680px;margin:0 auto}.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:560px){.contact-form .cf-row{grid-template-columns:1fr}}.contact-form label{display:block;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:var(--green);margin-bottom:14px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font:inherit;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--green-3);box-shadow:0 0 0 3px rgba(21,127,84,.15)}.contact-form textarea{resize:vertical}.contact-form .cf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.cf-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.cf-error{color:#b3261e;font-size:.88rem;font-family:Inter,sans-serif}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--green);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;font-weight:600}.skip-link:focus{left:0}.btn:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-only{display:none}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;font-size:1.4rem;background:var(--green-2);color:#fff;border:0;border-radius:12px;cursor:pointer}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:var(--white);box-shadow:var(--shadow);display:flex;flex-direction:column;padding:12px 20px 20px;gap:2px;z-index:60}.mobile-nav,.mobile-nav a{border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 0;font-weight:500}.mobile-nav a.btn{border:0;justify-content:center}@media (max-width:940px){.mobile-only{display:block}.desktop-only{display:none}header.site .wrap{position:relative}}nav.main{gap:20px}.nav-top{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:.95rem;color:var(--ink);padding:6px 0}.nav-top:hover{color:var(--green-3)}.nav-item{position:relative}.nav-item .caret{font-size:.7em;opacity:.7}.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:232px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:grid;grid-gap:2px;gap:2px;opacity:0;visibility:hidden;transition:.16s ease;z-index:70}.dropdown a{padding:9px 12px;border-radius:9px;font-size:.92rem;color:var(--ink);white-space:nowrap}.dropdown a:hover{background:var(--cream-2);color:var(--green-3)}.nav-item.has-children:focus-within .dropdown,.nav-item.has-children:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}.mobile-group{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.mobile-top{padding:12px 0 6px;font-weight:600;border:0!important}.mobile-sub{padding:7px 0 7px 16px!important;font-size:.92rem;color:var(--muted);border:0!important}.mobile-sub:hover{color:var(--green-3)}.content-layout{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:40px;gap:40px;align-items:start}.content-media{position:-webkit-sticky;position:sticky;top:100px}.content-body>div+div{margin-top:6px}@media (max-width:820px){.content-layout{grid-template-columns:1fr;gap:24px}.content-media{position:static}}.img-slot{width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream-2),#e9e1cf);color:rgba(201,162,39,.5);border:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.cta-band{background:linear-gradient(150deg,var(--green-2),var(--green));color:#fff}.cta-band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.cta-band h2{color:var(--gold-soft);margin:0 0 6px}.cta-band p{color:rgba(255,255,255,.88);max-width:40em;margin:0}.cta-band-actions{display:flex;gap:12px;flex-wrap:wrap}.newsletter{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.newsletter-text h3{color:var(--green);margin:0 0 4px}.newsletter-text p{color:var(--muted);margin:0}.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}.newsletter-form input{padding:.8em 1em;border:1px solid var(--line);border-radius:999px;min-width:240px;font:inherit;background:var(--cream);color:var(--ink)}.newsletter-done{color:var(--green-3);font-weight:600;margin:0}.newsletter-err{color:#c0392b;font-size:.85rem;width:100%;margin:0}.newsletter-light{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.newsletter-light .newsletter-text h3{color:var(--gold-soft)}.newsletter-light .newsletter-text p{color:rgba(255,255,255,.82)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.video-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.video-card .thumb{position:relative}.video-card .play{position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);pointer-events:none}.video-card .meta{padding:14px 16px}.video-card .meta .tag{margin-bottom:6px;display:inline-block}.video-card h3{font-size:1.05rem;color:var(--green);margin:0}.resource-list{display:grid;grid-gap:12px;gap:12px;margin:18px 0}.download-link{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-weight:600;color:var(--green);transition:.16s}.download-link:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:var(--shadow)}.download-link .dl-ic{font-size:1.3rem}.donate-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.app-cta{background:var(--cream-2)}.app-cta .wrap{align-items:center;justify-content:space-between;gap:24px}.app-badges,.app-cta .wrap{display:flex;flex-wrap:wrap}.app-badges{gap:12px}.app-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--green);color:#fff;font-weight:600}.app-badge small{display:block;font-size:.66rem;opacity:.8;font-weight:400}.app-badge b{font-size:1.05rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:22px;gap:22px}.news-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.news-card,.news-card .body{display:flex;flex-direction:column}.news-card .body{padding:16px 18px 20px;gap:8px;flex:1 1}.news-card .date{font-size:.76rem;color:var(--muted);letter-spacing:.04em}.news-card h3{font-size:1.15rem;color:var(--green);margin:0}.news-card p{color:var(--ink);font-size:.92rem;margin:0;flex:1 1}.news-card .more{color:var(--green-3);font-weight:600;font-size:.9rem}