@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-latin.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta-latin.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri-arabic.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri-bold-arabic.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jbmono-latin.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--green-50:#ecf7f1;--green-100:#d0ebde;--green-200:#a3d7bd;--green-400:#3e9e71;--green-500:#1f7a54;--green-600:#16613f;--green-700:#124e33;--green-800:#0e3c28;--green-900:#0a2a1d;--gold-400:#e9b949;--gold-500:#d99e2b;--gold-600:#b77e1c;--fund-waqf:#1f7a54;--fund-sadaqah:#d99e2b;--fund-mudarabah:#0e8c8c;--fund-qard:#4c5fd5;--bg:#fbf8f3;--surface:#fff;--sand-100:#f3eee5;--sand-200:#e7dfd1;--text:#1c2b24;--muted:#5b6b62;--success:#1f9d57;--warning:#e0a106;--danger:#d1495b;--info:#3a7bd5;--r-sm:8px;--r-md:12px;--r-lg:20px;--e1:0 1px 2px rgba(28,43,36,.06), 0 2px 8px rgba(28,43,36,.04);--e2:0 4px 16px rgba(28,43,36,.1);--e3:0 16px 48px rgba(28,43,36,.18);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--font-display:"Fraunces", Georgia, serif;--font-ui:"Plus Jakarta Sans", Inter, system-ui, sans-serif;--font-ar:"Amiri", "Noto Naskh Arabic", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--hero-ink:var(--green-900);--tess-color:rgba(22,97,63,.05);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0c1a14;--surface:#10231a;--sand-100:#173026;--sand-200:#22453a;--text:#eaf3ee;--muted:#9db3a8;--green-600:#3e9e71;--green-700:#35875f;--green-50:#14271e;--green-100:#1b3a2c;--fund-waqf:#2c9066;--fund-sadaqah:#d0a145;--fund-mudarabah:#279c9c;--fund-qard:#6577dd;--e1:0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.2);--e2:0 4px 16px rgba(0,0,0,.35);--e3:0 16px 48px rgba(0,0,0,.5);--hero-ink:#eaf3ee;--tess-color:rgba(62,158,113,.07);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);transition:background-color var(--dur-base) var(--ease-standard);margin:0;font-size:1rem;line-height:1.6}img{max-width:100%;display:block}a{color:var(--green-600);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--green-700)}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);margin:0 0 .5em;font-weight:600;line-height:1.15}h3{font-family:var(--font-ui);font-size:1.375rem;line-height:1.3}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--green-500);outline-offset:2px;border-radius:2px}.display-xl{font-family:var(--font-display);margin:0;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:600;line-height:1.05}.display-l,h1.display-l{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3rem);font-weight:600;line-height:1.1}.h1{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.15}.h2{font-family:var(--font-display);font-size:1.75rem;font-weight:550;line-height:1.2}.body-l{font-size:1.125rem;line-height:1.6}.small{font-size:.875rem;line-height:1.5}.micro-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:.75rem;font-weight:500;line-height:1.4}.muted{color:var(--muted)}.money,.countup{font-variant-numeric:tabular-nums}.arabic{font-family:var(--font-ar);font-size:1.25em}.reading{max-width:840px}.reading p,.reading li{max-width:70ch}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}.section{padding-block:clamp(32px,6vw,64px)}.section--tinted{background:var(--sand-100)}.section--pullup{z-index:1;margin-top:-48px;padding-top:0;position:relative}.section__title{margin-bottom:24px}.section__sub{margin-top:-16px;margin-bottom:24px}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.grid-3,.grid-4{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.strip{scroll-snap-type:x proximity;grid-auto-columns:min(320px,82vw);grid-auto-flow:column;gap:16px;padding-block:8px 16px;display:grid;overflow-x:auto}.strip>*{scroll-snap-align:start}.tessellated{position:relative}.tessellated:before{content:"";pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='black' stroke-width='1'%3E%3Crect x='24' y='24' width='48' height='48'/%3E%3Crect x='24' y='24' width='48' height='48' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3Cpath d='M48 0v17M48 79v17M0 48h17M79 48h17'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:none}.tessellated>*{position:relative}.tessellated:before{background:var(--tess-color);opacity:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='black' stroke-width='1'%3E%3Crect x='24' y='24' width='48' height='48'/%3E%3Crect x='24' y='24' width='48' height='48' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3Cpath d='M48 0v17M48 79v17M0 48h17M79 48h17'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='black' stroke-width='1'%3E%3Crect x='24' y='24' width='48' height='48'/%3E%3Crect x='24' y='24' width='48' height='48' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3Cpath d='M48 0v17M48 79v17M0 48h17M79 48h17'/%3E%3C/g%3E%3C/svg%3E")}.btn{cursor:pointer;min-height:44px;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);border:1px solid transparent;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--green-600);color:#fff;box-shadow:var(--e1)}.btn--primary:hover{background:var(--green-700);color:#fff;box-shadow:var(--e2)}.btn--secondary{background:var(--surface);color:var(--green-600);border-color:var(--green-200)}.btn--secondary:hover{background:var(--green-50)}.btn--ghost{color:var(--green-600);background:0 0}.btn--ghost:hover{background:var(--green-50);color:var(--green-700)}.btn--gold{background:var(--gold-500);color:var(--green-900);box-shadow:var(--e1)}.btn--gold:hover{background:var(--gold-400);box-shadow:var(--e2)}.btn--lg{min-height:52px;padding:14px 28px;font-size:1.0625rem}.btn--sm{min-height:36px;padding:6px 16px;font-size:.9rem}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--text);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--sand-100)}.link-btn{color:var(--green-600);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-more{font-weight:600;text-decoration:none}.link-back{margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.chip{background:var(--sand-100);border:1px solid var(--sand-200);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip--success{background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 30%, transparent);color:var(--success)}.chip--soon{color:var(--muted);margin-inline-start:8px;font-size:.72rem}.chip--filter{cursor:pointer;background:var(--surface);min-height:40px;transition:all var(--dur-fast) var(--ease-standard);padding-inline:16px}.chip--filter:hover{border-color:var(--green-200)}.chip--filter[aria-pressed=true]{background:var(--green-600);border-color:var(--green-600);color:#fff}.chip--filter[aria-pressed=true] .fund-dot{outline:2px solid rgba(255,255,255,.6)}.chip-row{flex-wrap:wrap;gap:8px;margin-block:16px 32px;display:flex}.fund-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-block}.fund-badge--waqf{background:var(--fund-waqf)}.fund-badge--sadaqah{background:var(--fund-sadaqah);color:var(--green-900)}.fund-badge--mudarabah{background:var(--fund-mudarabah)}.fund-badge--qard{background:var(--fund-qard)}.fund-dot{border-radius:999px;flex:none;width:12px;height:12px;display:inline-block}.fund-bg--waqf{background:var(--fund-waqf)}.fund-bg--sadaqah{background:var(--fund-sadaqah)}.fund-bg--mudarabah{background:var(--fund-mudarabah)}.fund-bg--qard{background:var(--fund-qard)}.fund-tint--waqf{background:color-mix(in srgb, var(--fund-waqf) 14%, var(--surface))}.fund-tint--sadaqah{background:color-mix(in srgb, var(--fund-sadaqah) 14%, var(--surface))}.fund-tint--mudarabah{background:color-mix(in srgb, var(--fund-mudarabah) 14%, var(--surface))}.fund-tint--qard{background:color-mix(in srgb, var(--fund-qard) 14%, var(--surface))}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--e1);border:1px solid var(--sand-200)}.field{margin-block:16px;display:block}.field__label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.field__hint{margin-top:6px;display:block}.input{border-radius:var(--r-sm);border:1.5px solid var(--sand-200);background:var(--surface);width:100%;min-height:48px;color:var(--text);transition:border-color var(--dur-fast) var(--ease-standard);padding:10px 16px;font-size:1rem}.input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--green-500) 18%, transparent);outline:none}.input--lg{min-height:56px;font-size:1.125rem}.input--otp{font-family:var(--font-mono);letter-spacing:.6em;text-align:center;min-height:64px;font-size:1.75rem}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);border-radius:var(--r-sm);padding:10px 14px;font-size:.9rem}.btn--google{background:var(--surface);color:var(--text);border:1.5px solid var(--sand-200);font-weight:600}.btn--google:hover{border-color:var(--green-200);box-shadow:var(--e1)}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin-block:20px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--sand-200);flex:1;height:1px}.auth-notice{border-radius:var(--r-sm);background:color-mix(in srgb, var(--warning) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 40%, transparent);color:var(--text);align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:.9rem;font-weight:500;line-height:1.45;display:flex}.auth-notice__icon{color:var(--warning);flex:none;margin-top:1px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--sand-200);position:sticky;top:0}.site-header__inner{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:10px;display:flex}.site-header__brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo{display:inline-flex}.site-header__name{font-family:var(--font-display);white-space:nowrap;font-size:1.2rem;font-weight:600}.site-nav{flex:100%;order:3;gap:4px;display:flex;overflow-x:auto}.site-nav a{color:var(--muted);white-space:nowrap;transition:all var(--dur-fast) var(--ease-standard);border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--green-600);background:var(--green-50)}.site-header__actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}@media (width>=768px){.site-nav{flex:0 auto;order:0;margin-inline:auto}}.theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__sun{display:block}:root[data-theme=dark] .theme-toggle__moon{display:none}.site-footer{background:var(--green-900);color:#d8e6de;margin-top:64px;padding-block:48px 24px}:root[data-theme=dark] .site-footer{background:#081510}.site-footer .muted{color:#9db3a8}.site-footer a{color:#d8e6de;padding-block:4px;text-decoration:none;display:block}.site-footer a:hover{color:var(--gold-400)}.site-footer__inner{border-bottom:1px solid rgba(255,255,255,.12);grid-template-columns:1fr;gap:32px;padding-bottom:32px;display:grid}@media (width>=768px){.site-footer__inner{grid-template-columns:2fr 1fr 1.4fr}}.site-footer .site-header__name{color:#fff}.site-footer .micro-label{color:var(--gold-400)}.site-footer__dua{color:#b9cec3;font-size:1.05rem;line-height:2}.site-footer__base{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:.875rem;display:flex}.hero{background:linear-gradient(180deg, color-mix(in srgb, var(--green-50) 70%, var(--bg)), var(--bg));overflow:hidden}.hero__inner{max-width:840px;padding-block:clamp(48px,9vw,96px)}.hero__accent{color:var(--green-600)}.hero__sub{color:var(--muted);max-width:56ch}.hero__cta{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.hero__kicker{color:var(--green-500)}.hero__teaser{color:var(--green-700);min-height:1.7em;font-size:1.05rem;font-weight:600}:root[data-theme=dark] .hero__teaser{color:var(--green-200)}.hero--transparency .hero__inner{text-align:center;margin-inline:auto}.hero__total{color:var(--hero-ink);margin-block:8px}.hero__verified{font-size:1rem}.gold-underline{background-image:linear-gradient(var(--gold-400), var(--gold-400));background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px;padding-bottom:4px;font-weight:600}.step-card{height:100%;padding:24px}.step-card__num{background:var(--green-50);width:40px;height:40px;color:var(--green-600);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;font-size:1.25rem;font-weight:600;display:inline-flex}:root[data-theme=dark] .step-card__num{background:var(--green-100);color:var(--green-200)}.trust-block{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (width>=1024px){.trust-block{grid-template-columns:1.1fr 1fr}}.fund-legend{gap:12px;margin:0;padding:0;list-style:none;display:grid}.fund-legend__item{align-items:flex-start;gap:14px;padding:16px;display:flex}.fund-legend__item .fund-dot{margin-top:6px}.fund-legend__item p{margin:2px 0 0}.cta-band{background:var(--green-800);color:#eaf3ee;text-align:center}.cta-band h2{color:#fff}.cta-band__inner{padding-block:clamp(48px,8vw,80px)}.cta-band__dua{color:var(--gold-400);margin-bottom:4px;font-size:1.6rem}.cta-band .tessellated:before{--tess-color:rgba(255,255,255,.05)}.cta-band.tessellated:before{background:rgba(233,185,73,.07)}.cta-inline{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.stat-tile{height:100%;padding:24px}.stat-tile__value{font-family:var(--font-display);color:var(--green-600);font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:600}:root[data-theme=dark] .stat-tile__value{color:var(--green-200)}.stat-tile__label{margin-top:4px;font-weight:600}.stat-tile__sub{color:var(--muted);font-size:.875rem}.fund-split{background:var(--sand-100);border-radius:999px;height:14px;margin-bottom:24px;display:flex;overflow:hidden}.fund-split__seg{min-width:2px}.fund-card{border-top:4px solid transparent;height:100%;padding:24px}.fund-card--waqf{border-top-color:var(--fund-waqf)}.fund-card--sadaqah{border-top-color:var(--fund-sadaqah)}.fund-card--mudarabah{border-top-color:var(--fund-mudarabah)}.fund-card--qard{border-top-color:var(--fund-qard)}.fund-card__head{align-items:center;gap:10px;display:flex}.fund-card__head h3{margin:0}.fund-card__balance{font-family:var(--font-display);margin-block:10px 6px;font-size:1.9rem;font-weight:600}.fundbar{background:var(--sand-100);border-radius:999px;height:10px;overflow:hidden}.fundbar__fill{height:100%;transition:width .9s var(--ease-enter);border-radius:999px}html.js .fundbar:not(.in) .fundbar__fill{width:0!important}.project-card{color:var(--text);border-radius:var(--r-md);transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--e2);color:var(--text);transform:translateY(-2px)}.project-card__media{aspect-ratio:16/9;background:var(--green-50);position:relative}.project-card__media img{object-fit:cover;width:100%;height:100%}.project-card__badge{top:12px;position:absolute;inset-inline-start:12px}.project-card__done{top:12px;background:var(--surface);position:absolute;inset-inline-end:12px}.project-card__body{gap:10px;padding:16px 20px 20px;display:grid}.project-card__title{margin:0;font-size:1.15rem}.project-card__amounts{align-items:baseline;gap:6px;margin:0;font-size:.95rem;display:flex}.project-card__pct{color:var(--green-600);margin-inline-start:auto;font-weight:700}.project-hero{align-items:flex-end;min-height:280px;display:flex;position:relative;overflow:hidden}.project-hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-hero__img~.project-hero__body{color:#fff;background:linear-gradient(transparent,rgba(10,42,29,.72));width:100%;max-width:none}.project-hero__img~.project-hero__body h1,.project-hero__img~.project-hero__body .link-back{color:#fff}.project-hero__body{width:100%;padding-block:40px 28px;position:relative}.project-funding{gap:14px;padding:24px;display:grid}.project-funding .fundbar{height:14px}.project-funding__row{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.project-funding__pct{color:var(--green-600);margin-inline-start:auto;font-size:1.3rem;font-weight:700}.project-desc{max-width:70ch;margin-top:24px}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--sand-200);width:2px;position:absolute;inset-block:8px;inset-inline-start:7px}.timeline__item{padding-block-end:24px;padding-inline-start:36px;position:relative}.timeline__dot{inset-inline-start:0;background:var(--green-500);border:3px solid var(--bg);border-radius:999px;width:16px;height:16px;position:absolute;top:6px}.timeline__body{padding:16px 20px}.timeline__body time{margin-bottom:6px;display:block}.timeline__body p:last-child{margin-bottom:0}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}.photo-grid--sm{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.photo-grid__thumb{border:1px solid var(--sand-200);border-radius:var(--r-sm);cursor:zoom-in;aspect-ratio:4/3;background:0 0;padding:0;overflow:hidden}.photo-grid__thumb img{object-fit:cover;width:100%;height:100%}.lightbox{border-radius:var(--r-md);background:0 0;border:none;max-width:min(92vw,1000px);padding:0}.lightbox::backdrop{backdrop-filter:blur(4px);background:rgba(10,42,29,.8)}.lightbox img{border-radius:var(--r-md);max-height:85vh;margin-inline:auto}.lightbox__close{top:12px;color:var(--green-900);background:rgba(255,255,255,.9);position:fixed;inset-inline-end:12px}.disbursement-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.disbursement{gap:16px;padding:20px 24px;display:grid}@media (width>=768px){.disbursement{grid-template-columns:1fr auto;align-items:start}}.disbursement__main p{margin-bottom:4px}.disbursement__receipts{min-width:180px}.support-cta{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--sand-200);position:sticky;bottom:0}.support-cta__inner{justify-content:space-between;align-items:center;gap:16px;padding-block:10px;display:flex}.governance-strip{border-inline-start:4px solid var(--gold-500);gap:24px;padding:clamp(24px,4vw,40px);display:grid}@media (width>=1024px){.governance-strip{grid-template-columns:1.2fr 1fr}}.approver-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.approver-list li{align-items:center;gap:12px;display:flex}.approver-list__avatar{background:var(--green-100);width:40px;height:40px;color:var(--green-700);font-weight:700;font-family:var(--font-display);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.approver-list p{margin:0}.auth-wrap{place-items:center;min-height:60vh;display:grid}.auth-card{width:min(440px,100%);padding:clamp(24px,5vw,40px)}.auth-card__note{border-top:1px solid var(--sand-200);margin-top:20px;padding-top:16px}.portal-nav{background:var(--surface);border-bottom:1px solid var(--sand-200);z-index:40;position:sticky;top:64px}.portal-nav__inner{gap:4px;display:flex;overflow-x:auto}.portal-nav a{white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent;padding:12px 14px;font-size:.95rem;font-weight:600;text-decoration:none}.portal-nav a:hover{color:var(--green-600)}.portal-nav a[aria-current=page]{color:var(--green-600);border-bottom-color:var(--gold-500)}.unread-badge{background:var(--gold-500);min-width:20px;height:20px;color:var(--green-900);border-radius:999px;justify-content:center;align-items:center;margin-inline-start:6px;padding-inline:6px;font-size:.75rem;font-weight:700;display:inline-flex}.streak-card{border-inline-start:4px solid var(--gold-500);align-items:center;gap:16px;margin-block:24px;padding:20px 24px;display:flex}.streak-card__flame{animation:2.4s ease-in-out infinite flicker;display:inline-flex}@keyframes flicker{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.06)rotate(-2deg)}70%{transform:scale(.97)rotate(1.5deg)}}.streak-card p{margin:2px 0 0}.dash-tiles{margin-block:24px}.dash-cols{grid-template-columns:1fr;gap:24px;margin-block:24px;display:grid}@media (width>=768px){.dash-cols{grid-template-columns:1fr 1fr}}.dash-panel{padding:24px}.mini-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mini-list li{border-bottom:1px solid var(--sand-100);flex-wrap:wrap;align-items:baseline;gap:10px;padding-block:8px;display:flex}.mini-list li:last-child{border-bottom:none}.mini-list .chip{margin-inline-start:auto}.profile-rows{gap:16px;margin:0 0 20px;display:grid}.profile-rows dd{margin:2px 0 0;font-size:1.1rem}.chip--gold{background:color-mix(in srgb, var(--gold-500) 16%, transparent);border-color:color-mix(in srgb, var(--gold-500) 40%, transparent);color:var(--gold-600)}:root[data-theme=dark] .chip--gold{color:var(--gold-400)}.chip--pending{color:var(--warning)}.chip--muted{color:var(--muted)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:color-mix(in srgb, var(--danger) 85%, black)}.give-wrap{max-width:840px}.stepper{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.stepper__step{color:var(--muted);background:var(--sand-100);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.stepper__step[aria-current=step]{background:var(--green-600);color:#fff}.give-choices{align-items:stretch}.choice-card{text-align:start;cursor:pointer;border:1.5px solid var(--sand-200);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);padding:24px}.choice-card:hover{border-color:var(--green-400);box-shadow:var(--e2);transform:translateY(-2px)}.choice-card--hero{border-color:var(--gold-500);background:linear-gradient(160deg, color-mix(in srgb, var(--gold-400) 10%, var(--surface)), var(--surface) 55%)}.choice-card h3{margin-block:10px 6px}.choice-card p{margin:0}.give-card{gap:12px;padding:clamp(24px,5vw,40px);display:grid}.amount-custom .input{text-align:center;border-radius:999px;width:110px;min-height:40px}.give-confirm{border-top:1px solid var(--sand-200);text-align:center;padding-top:20px}.ussd-card{background:var(--green-900);border-radius:var(--r-md);text-align:center;margin-block:16px;padding:28px 24px}.ussd-card__code{font-family:var(--font-mono);color:var(--gold-400);letter-spacing:.08em;word-break:break-all;margin:0 0 16px;font-size:clamp(1.6rem,6vw,2.4rem)}.ussd-card__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.donation-card__actions{text-align:end}.barakah{z-index:200;text-align:center;background:color-mix(in srgb, var(--green-900) 88%, transparent);animation:barakah-fade 2.6s var(--ease-standard) forwards;place-content:center;display:grid;position:fixed;inset:0}.barakah__glow{background:radial-gradient(circle, color-mix(in srgb, var(--gold-400) 55%, transparent), transparent 70%);width:60vmin;height:60vmin;animation:glow-bloom 1.4s var(--ease-enter);border-radius:50%;margin:auto;position:absolute;inset:0}.barakah__dua{color:var(--gold-400);animation:rise-in .9s var(--ease-enter) both;margin:0;font-size:clamp(2rem,7vw,3.2rem);position:relative}.barakah__latin{color:#eaf3ee;animation:rise-in .9s var(--ease-enter) .25s both;font-size:1.1rem;position:relative}@keyframes glow-bloom{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes barakah-fade{0%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.barakah{opacity:1}}.notif-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.notif{text-align:start;cursor:pointer;border:1px solid var(--sand-200);gap:14px;width:100%;padding:16px 20px;display:flex}.notif__dot{background:0 0;border-radius:999px;flex:none;width:10px;height:10px;margin-top:8px}.notif--unread .notif__dot{background:var(--gold-500)}.notif--unread .notif{border-inline-start:3px solid var(--gold-500)}.notif__body{gap:2px;display:grid}.prefs-list{margin:0;padding:0;list-style:none}.prefs-row{border-bottom:1px solid var(--sand-100);justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.prefs-row:last-child{border-bottom:none}.toggle{display:inline-flex;position:relative}.toggle input{opacity:0;cursor:pointer;position:absolute;inset:0}.toggle__track{background:var(--sand-200);width:44px;height:26px;transition:background var(--dur-fast) var(--ease-standard);border-radius:999px;position:relative}.toggle__track:after{content:"";top:3px;background:var(--surface);width:20px;height:20px;box-shadow:var(--e1);transition:translate var(--dur-fast) var(--ease-standard);border-radius:999px;position:absolute;inset-inline-start:3px}.toggle input:checked+.toggle__track{background:var(--green-500)}.toggle input:checked+.toggle__track:after{translate:18px}.toggle input:disabled+.toggle__track{opacity:.6}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--green-500);outline-offset:2px}.officials{margin-top:10px}.officials summary{cursor:pointer;color:var(--green-600);font-weight:600}.register-form{gap:4px;max-width:420px;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sync-banner{border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex}.sync-banner--queued{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent)}.sync-banner--ok{background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success);border:1px solid color-mix(in srgb, var(--success) 25%, transparent)}.sync-banner--busy{background:var(--sand-100);color:var(--muted)}.chip--big{min-height:56px;padding-inline:22px;font-size:1.1rem}.agent-total{margin-bottom:24px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--sand-100);padding:12px 20px}.data-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface);font-size:.75rem;position:sticky;top:0}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--sand-100) 45%, transparent)}.data-table .num{text-align:end}.admin-project{display:block}.admin-project .officials{margin-top:14px}.rule-list{gap:12px;padding-inline-start:20px;display:grid}.faq{border:1px solid var(--sand-200);border-radius:var(--r-md);background:var(--surface);margin-bottom:12px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:600}.faq[open] summary{color:var(--green-600);margin-bottom:8px}.faq p{margin-bottom:0}.page-intro{max-width:60ch}.legal-section{margin-top:32px}.legal-section .h2{margin-bottom:12px}.legal ul{gap:8px;padding-inline-start:20px;display:grid}.legal li{max-width:70ch}.legal-draft{margin-block:20px 8px}.site-footer__legal{gap:16px;display:inline-flex}.site-footer__legal a{padding:0;display:inline}.legal-footer-note{border-top:1px solid var(--sand-200);margin-top:40px;padding-top:16px}.state{text-align:center;justify-items:center;gap:8px;padding:clamp(32px,6vw,56px) 24px;display:grid}.state__icon{width:44px;height:44px;color:var(--gold-500)}.state--error .state__icon{color:var(--danger)}.state__title{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:600}.state__body{max-width:44ch;margin:0 0 12px}.sk{background:var(--sand-100);border-radius:var(--r-sm);position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 60%, transparent), transparent);animation:1.6s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.sk-line{height:1em;margin-block:8px}.sk-w-sm{width:30%}.sk-w-md{width:55%}.sk-display{width:70%;height:clamp(3rem,8vw,4.5rem);margin-block:12px}.sk-card{border-radius:var(--r-md);height:320px}.sk-card--short{height:150px}html.js .reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-enter) var(--rd,0s), transform var(--dur-slow) var(--ease-enter) var(--rd,0s);transform:translateY(12px)}html.js .reveal.in{opacity:1;transform:none}.skip-link{z-index:100;background:var(--green-600);color:#fff;border-radius:var(--r-sm);transition:top var(--dur-fast) var(--ease-standard);padding:10px 18px;position:absolute;top:-48px;left:12px}.skip-link:focus{color:#fff;top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html.js .reveal{opacity:1;transform:none}html.js .fundbar:not(.in) .fundbar__fill{width:inherit!important}}