.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:box-shadow .25s}.site-header--scrolled{box-shadow:var(--shadow-md)}.site-header__inner{display:flex;align-items:center;gap:var(--space-lg);height:68px}.site-header__brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;flex-shrink:0}.site-header__logo-img{height:64px;width:auto;display:block;object-fit:contain}.site-header__name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-primary);line-height:1.2;white-space:nowrap}.site-header__nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}.site-header__link{font-size:.92rem;font-weight:500;color:var(--color-text-muted);padding:.35rem .65rem;border-radius:var(--radius-sm);transition:color .18s,background .18s;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:.25rem}.site-header__link:hover{color:var(--color-primary);background:var(--color-surface-alt)}.site-header__link--active{color:var(--color-primary);font-weight:600}.site-header__caret{font-size:.65rem;opacity:.7}.site-header__dropdown-wrap{position:relative}.site-header__dropdown-mobile{display:none}.site-header__dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0;padding:.35rem 0;z-index:200;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.site-header__dropdown-link{display:block;padding:.55rem 1rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.site-header__dropdown-link:hover{color:var(--color-primary);background:var(--color-surface-alt)}.site-header__dropdown-link--active{color:var(--color-primary);font-weight:600}.site-header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.site-header__donate-mobile{display:none!important}.site-header__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.site-header__hamburger span{display:block;height:2px;background:var(--color-text);border-radius:2px;transition:transform .25s,opacity .25s}.site-header__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header__hamburger--open span:nth-child(2){opacity:0}.site-header__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99}@media (max-width: 900px){.site-header__inner{height:60px;gap:var(--space-sm)}.site-header__logo-img{height:44px}.site-header__name{font-size:1rem}.site-header__hamburger{display:flex}.site-header__donate-desktop{display:none}.site-header__donate-mobile{display:inline-flex!important;margin-top:var(--space-sm);width:100%;justify-content:center}.site-header__nav{position:fixed;top:0;right:-100%;bottom:0;width:min(300px,85vw);background:var(--color-surface);flex-direction:column;align-items:flex-start;padding:80px var(--space-lg) var(--space-lg);gap:.1rem;box-shadow:var(--shadow-lg);z-index:101;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.site-header__nav--open{right:0}.site-header__link{width:100%;font-size:1.05rem;padding:.7rem .5rem;border-bottom:1px solid var(--color-border)}.site-header__link:last-of-type{border-bottom:none}.site-header__dropdown-wrap{display:none}.site-header__dropdown-mobile{display:block;width:100%}.site-header__dropdown-trigger{width:100%;justify-content:space-between}.site-header__mobile-sub{padding-left:1rem;border-left:2px solid var(--color-primary);margin-left:.5rem;margin-bottom:.25rem}.site-header__mobile-sub-link{border-bottom:1px solid var(--color-border)!important;font-size:.97rem!important;padding:.6rem .5rem!important}}@media (max-width: 480px){.site-header__inner{height:56px;gap:.5rem}.site-header__logo-img{height:40px}.site-header__name{display:none}}.site-header__brand{min-width:0}.site-footer{background:var(--color-primary-dark);color:#d4e8e0;margin-top:auto;padding-top:15px}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-xl);align-items:flex-start}.site-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0}.site-footer__logo-img{height:64px;width:auto;display:block;object-fit:contain;background:#fff;border-radius:var(--radius-md);padding:6px 10px}.site-footer__tagline{display:block;font-size:.78rem;color:#a8c8bd;letter-spacing:.03em}.site-footer__columns{display:flex;flex-wrap:wrap;gap:var(--space-xl);margin-left:auto}.site-footer__col-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-sm)}.site-footer__links{list-style:none;display:flex;flex-direction:column;gap:.45rem}.site-footer__links a{color:#a8c8bd;font-size:.92rem;transition:color .18s;text-decoration:none}.site-footer__links a:hover{color:#fff}.site-footer__charity-note{font-size:.78rem;color:#7aad9f;margin-top:var(--space-sm)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-md) 0;font-size:.82rem;color:#7aad9f}@media (max-width: 640px){.site-footer__inner{flex-direction:column;gap:var(--space-lg)}.site-footer__columns{margin-left:0;width:100%;gap:var(--space-lg)}}.site-layout{min-height:100vh;display:flex;flex-direction:column}.site-layout__main{flex:1}.home-hero{position:relative;background:var(--color-primary-dark);color:#fff;overflow:hidden;padding:var(--space-2xl) 0;min-height:520px;display:flex;align-items:center}.home-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 50%,rgba(200,164,90,.12) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(42,122,98,.25) 0%,transparent 55%);pointer-events:none}.home-hero__content{position:relative;z-index:1;max-width:640px}.home-hero__eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:500}.home-hero__heading{font-size:clamp(2.2rem,5vw,3.4rem);color:#fff;margin-bottom:var(--space-md)}.home-hero__sub{font-size:1.1rem;color:#ffffffd1;line-height:1.7;margin-bottom:var(--space-lg);max-width:500px}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.home-hero__campaigns-btn{border-color:#fff6;color:#fff}.home-hero__campaigns-btn:hover{background:#ffffff1a;color:#fff}.home-stats{padding:var(--space-lg) 0}.home-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);justify-items:center}.home-stats__item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.home-stats__value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary)}.home-stats__label{font-size:.85rem;color:var(--color-text-muted);text-align:center}.home-section-header{margin-bottom:var(--space-xl)}.home-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.home-highlight{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s}.home-highlight:hover{box-shadow:var(--shadow-md)}.home-highlight__icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.home-highlight__title{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-xs)}.home-highlight__desc{font-size:.93rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-sm)}.home-highlight__link{font-size:.88rem;font-weight:600;color:var(--color-primary);text-decoration:none}.home-highlight__link:hover{text-decoration:underline}.home-campaigns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.campaign-card__image-wrap{position:relative;height:200px;overflow:hidden}.campaign-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.campaign-card:hover .campaign-card__image{transform:scale(1.04)}.campaign-card__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background:var(--color-accent);color:var(--color-primary-dark);font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.campaign-card__category{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:#0000008c;color:#fff;font-size:.72rem;padding:.2rem .55rem;border-radius:99px}.campaign-card__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.campaign-card__title{font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.campaign-card__stats{display:flex;justify-content:space-between;font-size:.83rem;color:var(--color-text-muted)}.campaign-card__btn{margin-top:var(--space-xs);width:100%;justify-content:center}.home-campaigns__cta{margin-top:var(--space-xl);text-align:center}.home-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.home-gallery__item{aspect-ratio:4/3;overflow:hidden}.home-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.home-gallery__item:hover img{transform:scale(1.05)}.home-donate-band{background:var(--color-primary);color:#fff;padding:var(--space-xl) 0}.home-donate-band__inner{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center;justify-content:space-between}.home-donate-band__heading{font-size:clamp(1.4rem,3vw,2rem);color:#fff;margin-bottom:var(--space-xs)}.home-donate-band__sub{font-size:1rem;color:#fffc}@media (max-width: 640px){.home-donate-band__inner{flex-direction:column;text-align:center}}@media (max-width: 768px){.home-hero{min-height:400px;padding:var(--space-xl) 0}.home-stats__grid{grid-template-columns:repeat(3,1fr)}.home-stats__value{font-size:1.6rem}.home-mission{grid-template-columns:1fr}}@media (max-width: 480px){.home-stats__grid{grid-template-columns:repeat(2,1fr)}.home-hero__heading{font-size:2rem}.home-hero__sub{font-size:.97rem}.home-campaigns,.home-highlights{grid-template-columns:1fr}}.home-mission{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);align-items:start}.home-mission__intro{font-size:1.02rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md)}.home-mission__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.home-mission__list li{display:flex;align-items:flex-start;gap:.65rem;font-size:1.02rem;color:var(--color-text-muted);line-height:1.6}.home-mission__list li:before{content:"";display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--color-accent);margin-top:.47rem}.home-mission__aside{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:.25rem}.home-mission__quote{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);margin:0;font-family:var(--font-display);font-size:1.1rem;line-height:1.7;font-style:italic}@media (max-width: 900px){.home-mission{grid-template-columns:1fr}}.about-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.about-two-col__text p{color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.75}.about-mission-btn{margin-top:var(--space-sm)}.about-mission-img{width:100%;border-radius:var(--radius-lg);object-fit:cover;max-height:360px}.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.about-value{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border)}.about-value__icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.about-value__title{font-size:1.05rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-xs)}.about-value__desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.65}.about-story p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md);max-width:720px}.about-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.about-team-card{padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.about-team-card__avatar{width:72px;height:72px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:var(--space-sm)}.about-team-card__name{font-size:1rem;font-weight:600}.about-team-card__role{font-size:.85rem;color:var(--color-text-muted)}.about-cta{background:var(--color-primary);padding:var(--space-xl) 0;color:#fff}.about-cta__inner{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center;justify-content:space-between}.about-cta__heading{font-size:clamp(1.4rem,3vw,2rem);color:#fff}.about-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.about-cta__contact-btn{border-color:#ffffff80;color:#fff}.about-cta__contact-btn:hover{background:#ffffff1a;color:#fff}.about-story-wide{max-width:820px}.about-story-wide p{color:var(--color-text-muted);line-height:1.85;margin-bottom:var(--space-md);font-size:1.02rem}.about-transparency-wrap{display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl);align-items:start}.about-transparency__text p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md)}.about-transparency__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.about-blockquote{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);margin:0}.about-blockquote p{font-family:var(--font-display);font-size:1.1rem;line-height:1.65;margin-bottom:var(--space-md);font-style:italic}.about-blockquote cite{font-size:.85rem;opacity:.8;font-style:normal}.joinus-simple{max-width:680px}.joinus-simple p{font-size:1.05rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-lg)}.joinus-closing{font-style:italic;color:var(--color-primary)!important;border-left:3px solid var(--color-accent);padding-left:var(--space-md)}@media (max-width: 768px){.about-two-col{grid-template-columns:1fr}.about-cta__inner{flex-direction:column;text-align:center}.about-transparency-wrap,.about-values{grid-template-columns:1fr}.about-team{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.about-team{grid-template-columns:1fr}}.wwd-container{max-width:740px}.wwd-program{padding:var(--space-lg) 0}.wwd-program__title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md)}.wwd-program__body{font-size:1.02rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md)}.wwd-program__body:last-child{margin-bottom:0}.wwd-list{list-style:none;padding:0;margin:0 0 var(--space-md);display:flex;flex-direction:column;gap:.6rem}.wwd-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:1.02rem;color:var(--color-text-muted);line-height:1.6}.wwd-list li:before{content:"";display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--color-accent);margin-top:.45rem}.wwd-divider{border:none;border-top:1px solid #dde8e2;margin:0}.vision-simple{max-width:720px}.vision-intro{font-size:1.1rem;color:var(--color-text);margin-bottom:var(--space-md)}.vision-aims{list-style:none;padding:0;margin:0 0 var(--space-lg);display:flex;flex-direction:column;gap:.75rem}.vision-aims li{display:flex;align-items:flex-start;gap:.65rem;font-size:1.05rem;color:var(--color-text-muted);line-height:1.6}.vision-aims li:before{content:"";display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--color-accent);margin-top:.45rem}.vision-closing{font-size:1.05rem;color:var(--color-text-muted);line-height:1.8;border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:0}.campaigns-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.campaigns-filters__categories{display:flex;flex-wrap:wrap;gap:.5rem}.campaigns-filter-btn{font-family:var(--font-body);font-size:.88rem;font-weight:500;padding:.35rem .9rem;border-radius:99px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .18s}.campaigns-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.campaigns-filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.campaigns-zakat-toggle{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;margin-left:auto}.campaigns-zakat-toggle input{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.campaigns-group-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-lg);padding-top:var(--space-sm)}.campaigns-group-title--completed{color:var(--color-text-muted);margin-top:var(--space-xl)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.campaign-full-card__image-wrap{position:relative;height:210px;overflow:hidden}.campaign-full-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.campaign-full-card:hover .campaign-full-card__image-wrap img{transform:scale(1.04)}.campaign-full-card__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.campaign-full-card__badge--zakat{background:var(--color-accent);color:var(--color-primary-dark)}.campaign-full-card__badge--done{background:#00000080;color:#fff;left:auto;right:var(--space-sm)}.campaign-full-card--completed{opacity:.8}.campaign-full-card__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.campaign-full-card__meta{display:flex;justify-content:space-between;align-items:center}.campaign-full-card__category{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);background:#1a5f4a14;padding:.15rem .5rem;border-radius:99px}.campaign-full-card__location{font-size:.8rem;color:var(--color-text-muted)}.campaign-full-card__title{font-size:1.05rem;font-weight:600;line-height:1.4}.campaign-full-card__desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.65}.campaign-full-card__stats{display:flex;justify-content:space-between;font-size:.82rem;color:var(--color-text-muted)}.campaign-full-card__btn{margin-top:var(--space-xs);width:100%;justify-content:center}.campaigns-empty{text-align:center;padding:var(--space-2xl) 0;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.campaigns-cta{padding:var(--space-xl) 0}.campaigns-cta__inner{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center;justify-content:space-between}.campaigns-qurbani-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.qurbani-card{overflow:hidden}.qurbani-card__image-wrap{height:200px;overflow:hidden}.qurbani-card__image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.qurbani-card:hover .qurbani-card__image-wrap img{transform:scale(1.04)}.qurbani-card__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.qurbani-card__country{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-primary)}.qurbani-card__desc{font-size:.92rem;color:var(--color-text-muted);line-height:1.7;flex:1}.media-placeholder-wrap{max-width:600px}.media-placeholder-text{font-size:1.05rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-lg)}@media (max-width: 640px){.campaigns-filters{flex-direction:column;align-items:flex-start}.campaigns-zakat-toggle{margin-left:0}.campaigns-grid,.campaigns-qurbani-grid{grid-template-columns:1fr}}.donate-layout{display:grid;grid-template-columns:1fr 240px;gap:var(--space-lg);align-items:start}.donate-form{padding:var(--space-xl)}.donate-form__section{margin-bottom:var(--space-lg)}.donate-form__section-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--color-text-muted)}.donate-frequency{display:flex;gap:.5rem}.donate-freq-btn{flex:1;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.6rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .18s}.donate-freq-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.donate-freq-btn--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.donate-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.donate-amount-btn{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.7rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .18s}.donate-amount-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.donate-amount-btn--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.donate-custom{grid-column:span 3;display:flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .18s}.donate-custom:focus-within{border-color:var(--color-primary)}.donate-custom__symbol{padding:.7rem .8rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-alt);border-right:1px solid var(--color-border)}.donate-custom__input{flex:1;font-family:var(--font-body);font-size:1rem;padding:.7rem .8rem;border:none;outline:none;background:transparent}.donate-giving-types{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.donate-giving-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.65rem .85rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all .18s;text-align:left}.donate-giving-btn:hover{border-color:var(--color-primary)}.donate-giving-btn--active{border-color:var(--color-primary);background:#1a5f4a0d}.donate-giving-btn__label{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-text)}.donate-giving-btn__desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted)}.donate-summary{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:.5rem}.donate-summary__row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-muted)}.donate-summary__row strong{color:var(--color-text)}.donate-submit-btn{width:100%;justify-content:center;font-size:1.05rem;padding:.9rem;opacity:.7;cursor:not-allowed}.donate-payment-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}.donate-sidebar{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:84px}.donate-info-card{padding:var(--space-md)}.donate-info-card__title{font-size:.95rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.donate-info-card p{font-size:.88rem;color:var(--color-text-muted);line-height:1.65}.donate-info-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.donate-info-list li{font-size:.88rem;color:var(--color-text-muted)}.zeffy-wrap{position:relative;overflow:hidden;height:700px;width:100%}@media (max-width: 900px){.donate-layout{grid-template-columns:1fr}.donate-sidebar{position:static}}@media (max-width: 768px){.zeffy-wrap{height:950px}.donate-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}}@media (max-width: 480px){.zeffy-wrap{height:1050px}.donate-sidebar{grid-template-columns:1fr}}@media (max-width: 480px){.donate-amounts{grid-template-columns:repeat(2,1fr)}.donate-custom{grid-column:span 2}.donate-giving-types{grid-template-columns:1fr}}.zakat-intro{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start}.zakat-intro__text p{color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-md)}.zakat-ayah{background:var(--color-primary-dark);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border-left:4px solid var(--color-accent)}.zakat-ayah .zakat-ayah__arabic{font-size:1.2rem;line-height:2;direction:rtl;margin-bottom:var(--space-sm);color:#c8a45a}.zakat-ayah .zakat-ayah__translation{font-size:.88rem;color:#c8a45a;font-style:italic;line-height:1.6}.zakat-intro__nisab-box{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:84px}.zakat-nisab__title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.zakat-nisab__value{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--color-primary);display:flex;align-items:baseline;gap:.4rem}.zakat-nisab__approx{font-size:.85rem;font-weight:400;color:var(--color-text-muted);font-family:var(--font-body)}.zakat-nisab__note{font-size:.82rem;color:var(--color-text-muted);line-height:1.5}.zakat-nisab__rate{font-size:.9rem;color:var(--color-text-muted)}.zakat-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.zakat-category-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border);display:flex;gap:var(--space-md);align-items:flex-start}.zakat-category-card__num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-accent);flex-shrink:0;line-height:1;width:28px}.zakat-category-card__arabic{font-size:1rem;color:var(--color-primary);direction:rtl;margin-bottom:.2rem}.zakat-category-card__name{font-size:.95rem;font-weight:600;margin-bottom:.3rem}.zakat-category-card__desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.zakat-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.zakat-process-step{display:flex;flex-direction:column;gap:var(--space-sm)}.zakat-process-step__num{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-accent);line-height:1}.zakat-process-step__title{font-size:1rem;font-weight:600;color:var(--color-primary)}.zakat-process-step__desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.65}.zakat-faqs{max-width:720px;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.zakat-faq{border-bottom:1px solid var(--color-border)}.zakat-faq:last-child{border-bottom:none}.zakat-faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:none;cursor:pointer;font-family:var(--font-body);font-size:.97rem;font-weight:500;text-align:left;color:var(--color-text);transition:background .18s}.zakat-faq__question:hover{background:var(--color-surface-alt)}.zakat-faq--open .zakat-faq__question{background:#1a5f4a0a;color:var(--color-primary);font-weight:600}.zakat-faq__icon{font-size:1.3rem;color:var(--color-primary);flex-shrink:0}.zakat-faq__answer{padding:var(--space-sm) var(--space-lg) var(--space-md);font-size:.9rem;color:var(--color-text-muted);line-height:1.75;background:#1a5f4a05;border-top:1px solid var(--color-border)}@media (max-width: 768px){.zakat-intro{grid-template-columns:1fr}.zakat-intro__nisab-box{position:static}.zakat-categories{grid-template-columns:1fr}.zakat-process{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.zakat-process{grid-template-columns:1fr}.zakat-faqs{max-width:100%}}.accom-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.accom-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.accom-stat__icon{font-size:2rem;margin-bottom:var(--space-xs)}.accom-stat__value{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--color-primary);line-height:1.1}.accom-stat__label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.accom-timeline{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xl);position:relative}.accom-timeline:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:2px;background:var(--color-border)}.accom-milestone{display:grid;grid-template-columns:80px 1fr;gap:var(--space-lg);align-items:start;position:relative}.accom-milestone__year{font-size:.85rem;font-weight:700;color:var(--color-primary);text-align:right;padding-top:var(--space-md);position:relative}.accom-milestone__year:after{content:"";position:absolute;right:-17px;top:calc(var(--space-md) + 6px);width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-primary)}.accom-milestone__content{padding:var(--space-md) var(--space-lg)}.accom-milestone__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.accom-milestone__title{font-size:1.05rem;font-weight:700;color:var(--color-primary)}.accom-milestone__tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:.2rem .6rem;border-radius:99px;flex-shrink:0}.accom-milestone__desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-sm)}.accom-milestone__amount{font-size:.92rem;color:var(--color-primary)}.accom-transparency{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start}.accom-transparency p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md)}.accom-cta-box{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.accom-cta-box h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.accom-cta-box p{font-size:.92rem;opacity:.9}.accom-card-subtitle{font-size:.85rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}@media (max-width: 768px){.accom-timeline:before{display:none}.accom-milestone{grid-template-columns:1fr}.accom-milestone__year{text-align:left;padding-top:0;font-size:.9rem}.accom-milestone__year:after{display:none}.accom-transparency{grid-template-columns:1fr}.accom-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.accom-stats{grid-template-columns:repeat(2,1fr)}.accom-stat{padding:var(--space-md)}}.resources-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-lg)}.resources-placeholder-bar{margin-bottom:var(--space-xl)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.resource-card{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.resource-card__top{display:flex;justify-content:space-between;align-items:center}.resource-card__icon{font-size:1.6rem}.resource-card__type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);background:var(--color-surface-alt);padding:.15rem .5rem;border-radius:99px}.resource-card__category{font-size:.78rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em}.resource-card__title{font-size:1rem;font-weight:600;line-height:1.35}.resource-card__desc{font-size:.87rem;color:var(--color-text-muted);line-height:1.65;flex:1}.resource-card__btn{margin-top:auto;justify-content:center;font-size:.88rem}.contact-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);align-items:start}.contact-info-centered{max-width:560px;margin:0 auto}.contact-form-wrap{display:flex;flex-direction:column;gap:var(--space-md)}.contact-form{display:flex;flex-direction:column}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.contact-submit-btn{align-self:flex-start;padding:.75rem 2rem;font-size:1rem}.contact-success{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.contact-success__icon{font-size:2.5rem}.contact-success h3{font-size:1.3rem;font-weight:600;color:var(--color-primary)}.contact-success p{color:var(--color-text-muted);max-width:420px}.contact-sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:var(--space-md)}.contact-info{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.contact-info__title{font-size:.95rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.07em;font-size:.82rem;margin-bottom:var(--space-sm)}.contact-info__item{display:flex;gap:var(--space-sm);align-items:flex-start}.contact-info__icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.contact-info__item strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:.2rem}.contact-info__item p,.contact-info__item a{font-size:.88rem;color:var(--color-text-muted);text-decoration:none;line-height:1.5}.contact-info__item a:hover{color:var(--color-primary);text-decoration:underline}.contact-social{padding:var(--space-lg)}.contact-social__links{display:flex;flex-direction:column;gap:.5rem;margin-top:var(--space-sm)}.contact-social__link{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted);text-decoration:none;padding:.35rem 0;transition:color .18s}.contact-social__link:hover{color:var(--color-primary)}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr}.contact-sidebar{position:static}}@media (max-width: 580px){.contact-form__row{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a5f4a;--color-primary-light: #2a7a62;--color-primary-dark: #134539;--color-accent: #c8a45a;--color-accent-light: #e0c07a;--color-bg: #eef7f2;--color-surface: #f2faf6;--color-surface-alt: #e6f2ec;--color-text: #1c1c1c;--color-text-muted: #5a5a5a;--color-border: #e2e2dd;--color-danger: #c0392b;--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--font-body: "Inter", sans-serif;--font-display: "Playfair Display", serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.65;font-size:1rem;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.display-heading{font-family:var(--font-display);font-weight:700;line-height:1.2}.section-heading{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md)}.section-subheading{font-size:1rem;color:var(--color-text-muted);max-width:620px;line-height:1.7}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-2xl) 0}.section--alt{background:var(--color-surface-alt)}.btn-donate{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-accent);color:var(--color-primary-dark);font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.55rem 1.35rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;text-decoration:none}.btn-donate:hover{background:var(--color-accent-light);transform:translateY(-1px)}.btn-donate--lg{font-size:1.1rem;padding:.8rem 2rem;border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-weight:500;font-size:.95rem;padding:.6rem 1.4rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-light)}.btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:#fff}.page-hero{background:var(--color-primary);color:#fff;padding:var(--space-xl) 0;text-align:center}.page-hero__title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:var(--space-sm)}.page-hero__subtitle{font-size:1.05rem;opacity:.88;max-width:560px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-input,.form-textarea,.form-select{font-family:var(--font-body);font-size:1rem;padding:.65rem .9rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color .2s;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:130px}.placeholder-notice{display:inline-block;background:#fffbea;border:1px dashed #c8a45a;color:#7a6030;font-size:.78rem;padding:.2rem .5rem;border-radius:var(--radius-sm);margin-top:.25rem}.progress-bar{height:8px;background:var(--color-surface-alt);border-radius:99px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);border-radius:99px;transition:width .4s ease}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}@media (max-width: 768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}}@media (max-width: 480px){.container{padding:0 1rem}.section{padding:var(--space-lg) 0}.section-heading{font-size:1.5rem}.section-subheading{font-size:.95rem}.btn--primary,.btn--outline{width:100%;justify-content:center}.page-hero__subtitle{font-size:.95rem}}