:root{color:#1d2b24;background:#faf8f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.hero{min-height:92vh;position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;color:#fff}.heroImage,.heroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.heroImage{object-fit:cover;object-position:center}.heroOverlay{background:linear-gradient(90deg,#071a15d6,#071a15a8 42%,#071a1529),linear-gradient(180deg,#071a1573,#071a1524)}.nav{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:22px 0;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.navLinks{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brandMark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eebf62;color:#10241d}.navLinks{gap:28px;color:#ffffffd6;font-size:.95rem}.navButton,.primaryButton,.secondaryButton,.fullButton{border:0;border-radius:6px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800}.navButton,.primaryButton,.fullButton{background:#eebf62;color:#13251f;padding:0 20px}.secondaryButton{border:1px solid rgba(255,255,255,.45);color:#fff;padding:0 20px}.heroContent{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:86px 0 128px;position:relative;z-index:1;align-self:center}.eyebrow,.sectionKicker{margin:0 0 14px;color:#be7d36;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#f2cb80}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-size:clamp(3.4rem,10vw,7.8rem);line-height:.92}h2{color:#172820;font-size:clamp(2rem,5vw,4rem);line-height:1;margin-bottom:18px}h3{color:#172820;font-size:1.35rem;margin-bottom:10px}.heroText{max-width:630px;color:#ffffffe0;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.6}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.impactBand{width:min(1160px,calc(100% - 32px));margin:-54px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:8px;box-shadow:0 20px 60px #17282029;overflow:hidden}.impactItem{min-height:108px;padding:24px;display:grid;align-content:center;border-right:1px solid #e9e0cf}.impactItem:last-child{border-right:0}.impactItem strong{color:#0f3b2b;font-size:clamp(1.8rem,4vw,2.6rem)}.impactItem span{color:#5f6f65}.section,.givingSection,.zakatSection,.mosqueSection,.contactSection{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:96px 0}.intro,.givingSection,.zakatSection,.mosqueSection,.contactSection{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.intro p,.givingCopy p,.zakatText p,.contactSection p,.programCard p{color:#59685f;font-size:1.02rem;line-height:1.75}.sectionHeader{max-width:770px;margin-bottom:30px}.programGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.programCard,.donationPanel,.zakatPanel,.contactForm{background:#fff;border:1px solid #e8dfce;border-radius:8px;box-shadow:0 14px 40px #17282014}.programCard{min-height:330px;padding:24px}.programTop{margin-bottom:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.programTop span{color:#0f3b2b;font-size:1.5rem;font-weight:900}.programTop small{color:#be7d36;font-weight:800;text-align:right}.givingSection{background:#12362a;color:#fff;width:100%;max-width:none;padding-left:max(16px,calc((100vw - 1160px)/2));padding-right:max(16px,calc((100vw - 1160px)/2))}.givingCopy h2,.mosqueSection h2{color:#fff}.givingCopy p{color:#ffffffbd}.donationPanel,.zakatPanel,.contactForm{padding:28px}.donationPanel label,.zakatPanel label{display:block;margin-bottom:12px;color:#304039;font-weight:800}.optionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.amountButton{border:1px solid #dccfb8;border-radius:6px;min-height:48px;background:#fbf7ed;color:#1d2b24;cursor:pointer;font-weight:900}.amountButton.active{background:#0f3b2b;border-color:#0f3b2b;color:#fff}.inputRow{min-height:56px;display:flex;align-items:center;border:1px solid #dccfb8;border-radius:6px;overflow:hidden;background:#fff}.inputRow span{width:48px;color:#be7d36;text-align:center;font-weight:900}.inputRow input{min-width:0;width:100%;border:0;outline:0;color:#172820;font-size:1.25rem;font-weight:900}.allocation,.zakatDue{margin:18px 0;padding:16px;display:flex;justify-content:space-between;gap:16px;background:#f6efe2;border-radius:6px;color:#526158}.allocation strong,.zakatDue strong{color:#0f3b2b;text-align:right}.fullButton{width:100%}.zakatSection{align-items:stretch}.zakatPanel{display:grid;align-content:center}.compact{width:fit-content}.mosqueSection{width:100%;max-width:none;padding-left:max(16px,calc((100vw - 1160px)/2));padding-right:max(16px,calc((100vw - 1160px)/2));background:#7d4d24;color:#fff}.mosqueList{display:grid;gap:12px}.mosqueList p{margin:0;padding:18px 20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-weight:800}.contactSection{align-items:start}.contactForm{display:grid;gap:12px}.contactForm input,.contactForm select{width:100%;min-height:52px;border:1px solid #dccfb8;border-radius:6px;padding:0 14px;color:#172820;background:#fff}@media(max-width:920px){.nav{align-items:flex-start}.navLinks{display:none}.impactBand,.programGrid,.intro,.givingSection,.zakatSection,.mosqueSection,.contactSection{grid-template-columns:1fr 1fr}.programCard{min-height:280px}}@media(max-width:680px){.hero{min-height:760px}.heroOverlay{background:linear-gradient(180deg,#071a15db,#071a157a)}.navButton{display:none}.heroContent{padding:72px 0 104px}.impactBand,.programGrid,.intro,.givingSection,.zakatSection,.mosqueSection,.contactSection{grid-template-columns:1fr}.impactBand{margin-top:-34px}.impactItem{min-height:88px;border-right:0;border-bottom:1px solid #e9e0cf}.impactItem:last-child{border-bottom:0}.section,.givingSection,.zakatSection,.mosqueSection,.contactSection{padding-top:68px;padding-bottom:68px}.optionGrid{grid-template-columns:repeat(2,1fr)}}.paymentOptions{display:grid;gap:12px;margin:18px 0}.paymentOption{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #e3d5bd;border-radius:8px;background:#fbf7ed}.paymentOption div{display:grid;gap:4px}.paymentName{color:#be7d36;font-size:.78rem;font-weight:900;text-transform:uppercase}.paymentOption strong{color:#172820;overflow-wrap:anywhere}.paymentOption small{color:#5f6f65;line-height:1.45}.paymentAction{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0 14px;background:#0f3b2b;color:#fff;font-size:.9rem;font-weight:900;white-space:nowrap}.paymentAction.muted{background:#e6dcc9;color:#304039}@media(max-width:680px){.paymentOption{grid-template-columns:1fr}.paymentAction{width:100%}}