:root{--green-950:#07382c;--green-900:#0b4939;--green-700:#147257;--green-500:#2ca278;--mint:#dff3e7;--cream:#fbf7ee;--gold:#e9b95e;--ink:#18362d;--muted:#668078;--white:#ffffff;--font-sans:"DM Sans","Segoe UI",Arial,sans-serif;--font-serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.site-header{align-items:center;background:rgba(7,56,44,.94);border-bottom:1px solid rgba(255,255,255,.1);display:flex;height:80px;justify-content:space-between;left:0;padding:0 max(24px,calc((100vw - 1180px) / 2));position:absolute;right:0;top:0;z-index:20}.brand{color:white;gap:12px;text-decoration:none}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{border:1px solid rgba(233,185,94,.8);border-radius:50%;color:var(--gold);font-family:var(--font-serif),serif;font-size:17px;height:44px;justify-content:center;letter-spacing:-1px;position:relative;width:44px}.brand-mark:after{border:1px solid rgba(233,185,94,.28);border-radius:50%;content:"";inset:4px;position:absolute}.brand small,.brand strong{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand small{color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.2em;margin-top:2px;text-transform:uppercase}.desktop-nav{align-items:center;display:flex;gap:32px}.desktop-nav a{color:rgba(255,255,255,.68);font-size:12px;font-weight:700;text-decoration:none;transition:color .2s ease}.desktop-nav a:hover{color:var(--gold)}.header-cta{background:var(--gold);border-radius:999px;color:#17382d;font-size:13px;font-weight:800;padding:11px 20px;text-decoration:none;transition:transform .2s ease,background .2s ease}.header-cta:hover{background:#f3ca78;transform:translateY(-1px)}.hero{background:radial-gradient(circle at 77% 50%,rgba(44,162,120,.25),transparent 35%),linear-gradient(135deg,#06372b,#0a4938 72%,#0c5742);color:white;min-height:760px;overflow:hidden;padding:145px 24px 80px;position:relative}.hero:before{background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 0);background-size:22px 22px;content:"";height:200px;left:-30px;opacity:.15;position:absolute;top:170px;width:210px}.hero-glow{border:1px solid rgba(233,185,94,.13);border-radius:50%;height:560px;position:absolute;right:-220px;top:90px;width:560px}.hero-glow:after{border:1px solid rgba(233,185,94,.1);border-radius:inherit;content:"";inset:45px;position:absolute}.hero-inner{align-items:center;display:grid;gap:66px;grid-template-columns:1.04fr .96fr;margin:0 auto;max-width:1180px;position:relative;z-index:2}.eyebrow{align-items:center;color:#cce9da;display:flex;font-size:12px;font-weight:800;gap:10px;letter-spacing:.16em;margin:0 0 22px;text-transform:uppercase}.eyebrow span{background:var(--gold);border-radius:20px;height:2px;width:28px}.eyebrow.dark{color:var(--green-700)}.hero h1{font-family:var(--font-serif),Georgia,serif;font-size:clamp(50px,6vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:0;max-width:650px}.hero h1 em{color:var(--gold);display:block;font-weight:500}.hero-description{color:rgba(255,255,255,.72);font-size:16px;line-height:1.85;margin:28px 0 0;max-width:590px}.hero-actions{align-items:center;display:flex;gap:24px;margin-top:34px}.button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:800;gap:14px;justify-content:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:19px}.button-primary{background:var(--gold);color:var(--green-950);font-size:14px;padding:16px 24px}.button-primary:hover{box-shadow:0 12px 30px rgba(0,0,0,.2);transform:translateY(-2px)}.text-link{color:rgba(255,255,255,.8);font-size:13px;font-weight:700;text-decoration:none}.text-link span{color:var(--gold);margin-left:6px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:42px}.trust-row span{align-items:center;color:rgba(255,255,255,.68);display:flex;font-size:11px;gap:7px}.trust-row svg{fill:none;height:16px;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.hero-visual{height:500px;position:relative}.hero-photo{background:linear-gradient(180deg,transparent 35%,rgba(4,39,29,.8)),url(/quran-hero.png) 72% /cover no-repeat,linear-gradient(145deg,#a4bb9d,#547c68 36%,#254f3e 68%,#163d30);border:1px solid rgba(255,255,255,.13);border-radius:180px 180px 24px 24px;box-shadow:0 35px 70px rgba(0,0,0,.25);height:100%;overflow:hidden;position:absolute;right:0;top:0;width:84%}.quote-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.95);border-radius:16px;bottom:28px;box-shadow:0 16px 45px rgba(0,0,0,.18);color:var(--ink);left:0;max-width:270px;padding:22px 22px 20px 50px;position:absolute}.quote-card p{font-family:var(--font-serif),serif;font-size:14px;line-height:1.6;margin:0}.quote-mark{color:var(--gold);font-family:Georgia,serif;font-size:52px;left:17px;line-height:1;position:absolute;top:16px}.mushaf-card{background:var(--gold);border-radius:14px;color:var(--green-950);padding:16px 19px;position:absolute;right:-12px;top:66px;transform:rotate(2deg)}.mushaf-card small,.mushaf-card span{display:block;font-size:10px}.mushaf-card strong{display:block;font-family:var(--font-serif),serif;font-size:24px;margin:2px 0}.mushaf-card small{opacity:.7}.donation-section{display:grid;gap:90px;grid-template-columns:.92fr 1.08fr;margin:0 auto;max-width:1180px;padding:110px 24px 120px}.donation-intro{padding-top:45px}.donation-intro h2{font-family:var(--font-serif),serif;font-size:clamp(38px,4vw,55px);font-weight:500;letter-spacing:-.04em;line-height:1.14;margin:0 0 22px}.donation-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85;max-width:500px}.impact-note{border-top:1px solid #d8dfda;gap:18px;margin-top:36px;max-width:500px;padding-top:27px}.impact-note,.impact-note>span{align-items:center;display:flex}.impact-note>span{background:var(--mint);border-radius:50%;color:var(--green-700);flex:0 0 auto;font-family:var(--font-serif);font-size:32px;height:62px;justify-content:center;width:62px}.impact-note p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.impact-note strong{color:var(--ink);display:block}.donation-card{background:white;border:1px solid #e4e4dc;border-radius:24px;box-shadow:0 22px 70px rgba(18,62,48,.09);padding:34px}.card-heading{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:var(--green-950);border-radius:50%;color:white;display:flex;flex:0 0 auto;font-size:11px;font-weight:800;height:38px;justify-content:center;width:38px}.card-heading h3{font-family:var(--font-serif),serif;font-size:24px;font-weight:600;margin:2px 0 4px}.card-heading p{color:var(--muted);font-size:12px;margin:0}.amount-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:28px}.amount{background:#fafaf7;border:1px solid #dfe4df;border-radius:12px;color:var(--ink);cursor:pointer;min-height:70px;padding:14px;position:relative;text-align:left;transition:border .2s ease,background .2s ease,transform .2s ease}.amount:hover{border-color:var(--green-500);transform:translateY(-1px)}.amount.active{background:#e8f6ee;border:2px solid var(--green-700);padding:13px}.amount strong{display:block;font-size:15px}.amount small{color:var(--green-700);display:block;font-size:8px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.custom-label{display:block;font-size:11px;font-weight:800;margin:20px 0 8px}.custom-input{align-items:center;background:#fafaf7;border:1px solid #dfe4df;border-radius:12px;display:flex;overflow:hidden}.custom-input span{border-right:1px solid #dfe4df;color:var(--green-700);font-size:13px;font-weight:900;padding:14px 16px}.custom-input input{background:transparent;border:0;color:var(--ink);min-width:0;outline:none;padding:14px;width:100%}.donation-total{align-items:center;border-top:1px dashed #d9ddd9;display:flex;justify-content:space-between;margin-top:22px;padding-top:20px}.donation-total span{color:var(--muted);font-size:12px}.donation-total strong{color:var(--green-700);font-family:var(--font-serif),serif;font-size:23px}.payment-heading{border-top:1px solid #e3e7e3;margin-top:24px;padding-top:24px}.payment-heading .step-number{background:var(--gold);color:var(--green-950)}.payment-heading h3{font-size:21px}.payment-tabs{background:#f1f4f1;border-radius:12px;display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:20px;padding:5px}.payment-tabs button{background:transparent;border:0;border-radius:9px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;padding:11px 12px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.payment-tabs button.active{background:white;box-shadow:0 3px 12px rgba(18,62,48,.08);color:var(--green-900)}.qris-panel,.transfer-panel{background:#fafaf7;border:1px solid #e0e5e0;border-radius:15px;margin-top:12px}.transfer-panel{padding:18px}.bank-header{align-items:center;border-bottom:1px solid #e0e5e0;display:flex;gap:12px;margin-bottom:16px;padding-bottom:14px}.bri-mark{align-items:center;background:#07539a;border-radius:8px;color:white;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;height:38px;justify-content:center;letter-spacing:.04em;width:52px}.bank-header span,.bank-header strong{display:block}.bank-header strong{font-family:var(--font-serif),serif;font-size:16px}.bank-header span{color:var(--muted);font-size:9px;margin-top:2px}.payment-label{color:var(--muted);display:block;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.account-number-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.account-number-row>strong{font-family:var(--font-serif),serif;font-size:22px;letter-spacing:.025em;white-space:nowrap}.account-number-row button{background:#e1efe6;border:0;border-radius:999px;color:var(--green-700);cursor:pointer;flex:0 0 auto;font-size:10px;font-weight:900;min-width:67px;padding:9px 12px}.account-name{color:var(--green-700);display:block;font-size:9px;font-weight:800;margin-top:7px}.amount-reminder{align-items:center;background:#edf5ee;border-radius:10px;display:flex;justify-content:space-between;margin-top:16px;padding:11px 13px}.amount-reminder span{color:var(--muted);font-size:10px}.amount-reminder strong{color:var(--green-700);font-family:var(--font-serif),serif;font-size:16px}.qris-panel{align-items:center;display:grid;gap:19px;grid-template-columns:43% 57%;overflow:hidden;padding:17px}.qris-image-wrap{background:white;border:1px solid #e2e5e2;border-radius:11px;box-shadow:0 8px 22px rgba(18,62,48,.07);overflow:hidden;padding:7.5%}.qris-code-crop{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.qris-code-crop img{display:block;height:auto;left:-37.45%;max-width:none;position:absolute;top:-77.65%;width:174.8%}.qris-instructions{padding-right:6px}.static-badge{background:#fff1cc;border-radius:999px;color:#9a6a10;display:inline-block;font-size:8px;font-weight:900;letter-spacing:.1em;padding:5px 8px}.qris-instructions h4{font-size:16px;line-height:1.3;margin:10px 0 2px}.qris-amount,.qris-instructions h4{font-family:var(--font-serif),serif}.qris-amount{color:var(--green-700);display:block;font-size:22px}.qris-instructions ol{color:var(--muted);font-size:9px;line-height:1.55;margin:10px 0 13px;padding-left:16px}.qris-instructions li{margin-bottom:3px}.qris-instructions>a{border:1px solid var(--green-700);border-radius:999px;color:var(--green-700);display:inline-block;font-size:9px;font-weight:900;padding:8px 12px;text-decoration:none}.recipient-check{align-items:flex-start;background:#edf7f0;border-radius:10px;color:var(--muted);display:flex;font-size:9px;gap:8px;line-height:1.5;margin:12px 0 0;padding:10px 12px}.recipient-check>span{color:var(--green-700);font-size:12px;font-weight:900;line-height:1.1}.recipient-check strong{color:var(--ink)}.donor-details{background:#fafaf7;border:1px solid #e0e5e0;border-radius:15px;margin-top:14px;padding:17px}.donor-details-heading{align-items:center;display:flex;justify-content:space-between}.donor-details-heading strong{font-family:var(--font-serif),serif;font-size:17px}.donor-details-heading span{background:#fff1cc;border-radius:999px;color:#9a6a10;font-size:8px;font-weight:900;letter-spacing:.08em;padding:5px 8px;text-transform:uppercase}.donor-details-intro{color:var(--muted);font-size:10px;line-height:1.5;margin:5px 0 14px}.donor-details label{color:var(--ink);display:block;font-size:10px;font-weight:800;margin:12px 0 7px}.donor-details input,.donor-details textarea{background:white;border:1px solid #dfe4df;border-radius:10px;color:var(--ink);outline:none;padding:12px 13px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.donor-details input{font-size:12px}.donor-details textarea{font-size:12px;line-height:1.55;min-height:84px;resize:vertical}.donor-details input::placeholder,.donor-details textarea::placeholder{color:#9aa8a1}.donor-details input:focus,.donor-details textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px rgba(44,162,120,.12)}.donor-privacy{align-items:flex-start;color:var(--muted);display:flex;font-size:9px;gap:7px;line-height:1.45;margin:12px 0 0}.donor-privacy span{font-size:10px;line-height:1.3}.button-donate{background:var(--green-900);color:white;margin-top:18px;padding:17px 24px;width:100%}.button-donate:hover{background:var(--green-700);box-shadow:0 12px 30px rgba(9,73,56,.22);transform:translateY(-1px)}.secure-note{color:#829189;font-size:10px;margin:12px 0 0;text-align:center}.impact-strip{background:var(--green-950);color:white;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1180px;padding:0 28px}.impact-strip div{border-right:1px solid rgba(255,255,255,.12);padding:28px 32px}.impact-strip div:last-child{border-right:0}.impact-strip strong{color:var(--gold);display:block;font-family:var(--font-serif),serif;font-size:24px;font-weight:500}.impact-strip span{color:rgba(255,255,255,.58);display:block;font-size:10px;margin-top:4px}.about-section{display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin:0 auto;max-width:1180px;padding:130px 24px}.about-card{background:white;border-radius:26px;padding:54px;position:relative}.about-card:after{border:1px solid rgba(20,114,87,.12);border-radius:50%;content:"";height:170px;position:absolute;right:-55px;top:-55px;width:170px}.about-card h2,.closing-cta h2,.section-heading h2,.transparency-copy h2{font-family:var(--font-serif),serif;font-size:clamp(38px,4vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.14;margin:0}.about-card>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85;margin:24px 0}.about-card blockquote{border-left:3px solid var(--gold);color:var(--green-900);font-family:var(--font-serif),serif;font-size:17px;line-height:1.65;margin:30px 0 0;padding:4px 0 4px 23px}.about-card cite{color:var(--muted);display:block;font-family:var(--font-sans),sans-serif;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em;margin-top:8px;text-transform:uppercase}.beneficiary-grid{display:grid;gap:14px}.beneficiary-grid article{background:#edf5ee;border:1px solid rgba(20,114,87,.08);border-radius:18px;padding:27px 28px 25px 86px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.beneficiary-grid article:hover{box-shadow:0 15px 35px rgba(18,62,48,.08);transform:translateX(4px)}.beneficiary-icon{align-items:center;background:white;border-radius:50%;color:var(--green-700);display:flex;font-family:var(--font-serif),serif;font-size:14px;height:42px;justify-content:center;left:27px;position:absolute;top:29px;width:42px}.beneficiary-grid h3{font-family:var(--font-serif),serif;font-size:20px;margin:0 0 7px}.beneficiary-grid p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.process-section{background:white;padding:115px 24px 125px}.section-heading{max-width:580px}.section-heading.centered{margin:0 auto;text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75;margin:18px 0 0}.process-grid{display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin:65px auto 0;max-width:1180px;position:relative}.process-grid:before{background:#dce6df;content:"";height:1px;left:10%;position:absolute;right:10%;top:25px}.process-grid article{padding:0 24px;position:relative;text-align:center;z-index:1}.process-grid article>span{align-items:center;background:var(--cream);border:1px solid #dce6df;border-radius:50%;color:var(--green-700);display:flex;font-family:var(--font-serif),serif;font-weight:700;height:52px;justify-content:center;margin:0 auto 24px;width:52px}.process-grid article:nth-child(3)>span{background:var(--gold);border-color:var(--gold);color:var(--green-950)}.process-grid h3{font-family:var(--font-serif),serif;font-size:19px;margin:0 0 10px}.process-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.transparency-section{align-items:center;background:radial-gradient(circle at 12% 15%,rgba(44,162,120,.24),transparent 28%),var(--green-950);color:white;display:grid;gap:90px;grid-template-columns:1fr .85fr;margin:0 auto;max-width:1180px;overflow:hidden;padding:84px 82px;position:relative}.transparency-section:after{border:1px solid rgba(233,185,94,.14);border-radius:50%;content:"";height:390px;position:absolute;right:-210px;top:-190px;width:390px}.transparency-copy{position:relative;z-index:1}.transparency-copy h2{font-size:clamp(40px,4vw,52px)}.transparency-copy>p:not(.eyebrow){color:rgba(255,255,255,.65);font-size:14px;line-height:1.8;margin:22px 0 26px}.transparency-copy ul{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;margin:0;padding:0}.transparency-copy li{align-items:center;color:rgba(255,255,255,.76);display:flex;font-size:11px;gap:7px}.transparency-copy li svg{fill:none;height:16px;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.transparency-panel{background:var(--cream);border-radius:20px;color:var(--ink);padding:34px;position:relative;z-index:2}.panel-label{color:var(--green-700);display:block;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.transparency-panel strong{display:block;font-family:var(--font-serif),serif;font-size:25px;line-height:1.2}.transparency-panel p{color:var(--muted);font-size:12px;line-height:1.75;margin:14px 0 21px}.transparency-panel a{align-items:center;color:var(--green-700);display:inline-flex;font-size:12px;font-weight:900;gap:8px;text-decoration:none}.transparency-panel a svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.faq-section{display:grid;gap:85px;grid-template-columns:.72fr 1.28fr;margin:0 auto;max-width:1180px;padding:130px 24px}.faq-list{border-top:1px solid #d9dfda}.faq-item{border-bottom:1px solid #d9dfda}.faq-item button{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;font-family:var(--font-serif),serif;font-size:18px;font-weight:600;justify-content:space-between;padding:22px 0;text-align:left;width:100%}.faq-item button span{padding-right:25px}.faq-item button i{align-items:center;background:#e6f1e8;border-radius:50%;color:var(--green-700);display:flex;flex:0 0 auto;font-family:var(--font-sans),sans-serif;font-size:20px;font-style:normal;font-weight:400;height:34px;justify-content:center;width:34px}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-answer p{color:var(--muted);font-size:13px;line-height:1.75;margin:0;overflow:hidden;padding:0 55px 0 0}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:23px}.closing-cta{align-items:center;background:var(--green-700);color:white;display:flex;gap:50px;justify-content:space-between;margin:0 auto;max-width:1180px;overflow:hidden;padding:64px 74px;position:relative}.closing-cta:before{border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"";height:260px;left:-80px;position:absolute;top:-140px;width:260px}.closing-cta>div{max-width:700px;position:relative;z-index:1}.closing-cta .eyebrow{margin-bottom:14px}.closing-cta h2{font-size:clamp(34px,4vw,48px)}.closing-cta .button{flex:0 0 auto;position:relative;z-index:1}.location-help{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:30px 4px}.location-help span,.location-help strong{display:block}.location-help strong{font-family:var(--font-serif),serif;font-size:17px}.location-help span{color:var(--muted);font-size:11px;margin-top:4px}.location-help>a{border:1px solid var(--green-700);border-radius:999px;color:var(--green-700);flex:0 0 auto;font-size:11px;font-weight:900;padding:11px 18px;text-decoration:none}footer{background:#052f26;color:white;display:grid;gap:40px;grid-template-columns:1.4fr .8fr .7fr;padding:65px max(24px,calc((100vw - 1180px) / 2)) 28px}.footer-brand{align-items:center;display:flex;gap:15px}.footer-brand>div>strong{font-family:var(--font-serif),serif;font-size:17px}.footer-brand p{color:rgba(255,255,255,.5);font-size:10px;margin:4px 0 0}.footer-links{display:grid;gap:8px}.footer-contact a,.footer-links a{color:rgba(255,255,255,.7);font-size:11px;text-decoration:none}.footer-contact span{color:rgba(255,255,255,.4);display:block;font-size:9px;letter-spacing:.1em;margin-bottom:7px;text-transform:uppercase}.copyright{border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.35);font-size:9px;grid-column:1/-1;margin:15px 0 0;padding-top:20px}.mobile-donate{display:none}@media (max-width:900px){.desktop-nav{display:none}.hero{padding-top:125px}.donation-section,.hero-inner{gap:58px;grid-template-columns:1fr}.hero-copy{max-width:670px}.hero-visual{height:470px;margin:0 auto;max-width:590px;width:100%}.donation-section{max-width:680px;padding-top:80px}.donation-intro{padding-top:0}.impact-strip{grid-template-columns:repeat(2,1fr);max-width:680px}.impact-strip div:nth-child(2){border-right:0}.impact-strip div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.about-section,.faq-section,.transparency-section{gap:48px;grid-template-columns:1fr}.about-section{max-width:680px;padding-top:95px}.process-grid{gap:32px 12px;grid-template-columns:repeat(2,1fr)}.process-grid:before{display:none}.transparency-section{max-width:680px;padding:65px 54px}.faq-section{max-width:680px;padding-top:95px}.closing-cta{align-items:flex-start;flex-direction:column;max-width:680px;padding:55px}.location-help{max-width:680px;padding-left:4px;padding-right:4px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:580px){.site-header{height:70px;padding:0 18px}.brand-mark{height:38px;width:38px}.brand strong{font-size:13px}.brand small{font-size:8px}.header-cta{font-size:11px;padding:10px 14px}.hero{min-height:auto;padding:114px 20px 65px}.hero h1{font-size:49px}.hero-description{font-size:14px;line-height:1.75}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.trust-row{gap:10px 16px;margin-top:32px}.hero-visual{height:380px;margin-top:4px}.hero-photo{border-radius:120px 120px 20px 20px;width:92%}.quote-card{bottom:18px;max-width:225px;padding:18px 16px 17px 42px}.quote-card p{font-size:12px}.quote-mark{font-size:42px;left:13px}.mushaf-card{right:-5px;top:44px}.donation-section{gap:44px;padding:75px 18px 85px}.donation-intro h2{font-size:38px}.donation-card{border-radius:20px;padding:24px 18px}.amount-grid{gap:8px}.amount{min-height:64px;padding:12px 10px}.amount.active{padding:11px 9px}.amount strong{font-size:13px}.account-number-row{align-items:flex-start;flex-direction:column;gap:9px}.account-number-row>strong{font-size:20px}.qris-panel{gap:18px;grid-template-columns:1fr;padding:16px}.qris-image-wrap{margin:0 auto;max-width:280px;width:100%}.qris-instructions{padding:0 4px 4px}.qris-instructions h4{font-size:16px;margin-top:8px}.qris-amount{font-size:19px}.qris-instructions ol{font-size:10px;margin:10px 0 12px;padding-left:16px}.impact-strip{margin:0 18px;padding:0}.impact-strip div{padding:22px 17px}.impact-strip strong{font-size:20px}.about-section{padding:80px 18px}.about-card{padding:34px 24px}.beneficiary-grid article{padding:23px 20px 23px 74px}.beneficiary-icon{left:19px;top:25px}.process-section{padding:80px 18px 90px}.process-grid{grid-template-columns:1fr;margin-top:45px}.process-grid article{padding:0 28px}.transparency-section{margin:0 18px;padding:50px 23px}.transparency-panel{padding:27px 22px}.faq-section{gap:42px;padding:80px 18px}.faq-item button{font-size:16px}.closing-cta{margin:0 18px;padding:42px 24px}.closing-cta .button{width:100%}.location-help{align-items:flex-start;flex-direction:column;margin:0 18px;padding:28px 0 95px}footer{gap:34px;grid-template-columns:1fr;padding:52px 22px 85px}.copyright,.footer-brand{grid-column:auto}.mobile-donate{align-items:center;background:var(--gold);border-radius:999px;bottom:14px;box-shadow:0 12px 35px rgba(3,42,32,.28);color:var(--green-950);display:flex;font-size:12px;font-weight:900;gap:12px;justify-content:center;left:18px;padding:15px 20px;position:fixed;right:18px;text-decoration:none;z-index:50}.mobile-donate svg{fill:none;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}