.donation-wrap{max-width:900px;margin:0 auto;padding:24px 16px 60px}.donation-hero{text-align:center;padding:32px 0 24px}.donation-hero-title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;color:var(--text-dark);margin-bottom:10px}.donation-hero-sub{font-size:15px;color:var(--text-muted);line-height:1.6}.donation-card{background:var(--background);border:1px solid var(--border-color);border-radius:20px;padding:28px;margin-bottom:32px;box-shadow:0 2px 12px #0000000d}.donation-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media (max-width: 640px){.donation-top{grid-template-columns:1fr}.donation-card{padding:18px}}.donation-qris-title{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.donation-qris-sub{font-size:12px;color:var(--text-muted);margin-bottom:14px}.donation-qris-box{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;margin-bottom:14px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fafafa;max-width:200px}.donation-qris-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.donation-qris-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.donation-qris-placeholder svg{width:64px;height:64px;opacity:.4}.donation-ewallet-logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ewallet-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid var(--border-color);color:var(--text-mid);background:var(--background)}.donation-nominal-title{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:14px}.donation-nominal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px}.nominal-btn{border:1.5px solid var(--border-color);border-radius:12px;padding:12px 8px;background:var(--background);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:2px}.nominal-btn:hover{border-color:var(--primary)}.nominal-btn--active{border-color:var(--primary);background:var(--primary)}.nominal-btn--active .nominal-amount,.nominal-btn--active .nominal-label{color:#fff}.nominal-amount{font-size:13px;font-weight:700;color:var(--text-dark)}.nominal-label{font-size:10px;color:var(--text-muted)}.nominal-custom-wrap{grid-column:1 / -1}.nominal-custom-input{width:100%;border:1.5px solid var(--primary);border-radius:10px;padding:10px 14px;font-size:14px;background:var(--background);color:var(--text-dark);outline:none}.donation-verse{background:var(--primary-pale, #EFF6FF);border-left:3px solid var(--primary);border-radius:10px;padding:14px 16px;margin-bottom:16px}.donation-verse-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:16px;direction:rtl;text-align:right;color:var(--text-dark);margin-bottom:8px;line-height:2}.donation-verse-trans{font-size:12px;color:var(--text-mid);line-height:1.6;font-style:italic}.donation-verse-ref{font-size:11px;color:var(--text-muted);margin-top:6px;font-weight:500}.donation-copyall-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}.donation-copyall-label{font-size:12px;color:var(--text-muted)}.donation-copyall-btn{font-size:12px;font-weight:600;color:var(--primary);border:1.5px solid var(--primary);border-radius:8px;padding:6px 12px;background:transparent;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.donation-copyall-btn:hover{background:var(--primary);color:#fff}.donation-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.donation-section-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.donation-section-sub{font-size:13px;color:var(--text-muted)}.donation-banks{margin-bottom:40px}.donation-banks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:14px}.bank-card{border:1px solid var(--border-color);border-radius:16px;padding:20px;background:var(--background);display:flex;flex-direction:column;gap:6px}.bank-logo-bsi{color:#00897b}.bank-logo-bca{color:#003087}.bank-logo-mandiri{color:#003580}.bank-card-number{font-size:22px;font-weight:800;color:var(--text-dark);letter-spacing:.5px}.bank-card-name{font-size:12px;color:var(--text-muted);margin-bottom:10px}.bank-copy-btn{border:1.5px solid var(--border-color);border-radius:8px;padding:8px 0;font-size:13px;font-weight:600;color:var(--text-mid);background:transparent;cursor:pointer;transition:border-color .15s,color .15s;width:100%}.bank-copy-btn:hover{border-color:var(--primary);color:var(--primary)}.donation-banks-note{font-size:12px;color:var(--text-muted);text-align:center}.donation-programs{margin-bottom:40px}.donation-programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.program-card{border:1px solid var(--border-color);border-radius:16px;padding:20px;background:var(--background);display:flex;gap:14px;align-items:flex-start}.program-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.program-icon-svg{width:22px;height:22px}.program-card-name{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.program-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.program-collected{font-size:13px;font-weight:700;color:var(--text-dark)}.program-sep,.program-target{font-size:12px;color:var(--text-muted)}.program-bar-wrap{height:6px;background:var(--border-color);border-radius:99px;overflow:hidden;margin-bottom:4px}.program-bar-fill{height:100%;border-radius:99px;transition:width .4s}.program-percent{font-size:11px;color:var(--text-muted);text-align:right}.donation-cta{background:linear-gradient(135deg,var(--primary) 0%,#0077DD 100%);border-radius:20px;padding:28px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donation-cta-icon{width:52px;height:52px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donation-cta-icon svg{width:26px;height:26px;color:#fff}.donation-cta-text{flex:1;min-width:180px}.donation-cta-text h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.donation-cta-text p{font-size:12px;color:#fffc;line-height:1.5}.donation-cta-btn{background:#fff;color:var(--primary);font-weight:700;font-size:14px;padding:12px 22px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:opacity .15s}.donation-cta-btn:hover{opacity:.9}.dark .donation-card,.dark .bank-card,.dark .program-card{background:#1a1a2e;border-color:#2d2d4e}.dark .donation-verse{background:#008cff1a}.dark .donation-qris-box{background:#111}.dark .nominal-btn{background:#1a1a2e;border-color:#2d2d4e}.bank-card-logo{font-size:15px;font-weight:800;letter-spacing:-.3px;padding:4px 0 8px;border-bottom:2px solid var(--border-color);margin-bottom:8px}.bank-logo-bsi{color:#00897b;border-color:#00897b33}.bank-logo-bca{color:#003087;border-color:#00308733}.bank-logo-mandiri{color:#003580;border-color:#00358033}.program-collected,.program-target{white-space:nowrap}.program-progress-row{flex-wrap:nowrap;overflow:hidden}.donation-qris-box{max-width:180px;min-height:180px}.donation-qris-placeholder svg{width:72px;height:72px}@media (max-width: 400px){.donation-nominal-grid{grid-template-columns:1fr 1fr}}.ewallet-qris{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7;font-weight:700}.ewallet-gopay{background:#e8f5e9;color:#00880a;border-color:#a5d6a7}.ewallet-dana{background:#e3f2fd;color:#0065ff;border-color:#90caf9}.ewallet-ovo{background:#f3e5f5;color:#6a1b9a;border-color:#ce93d8}.ewallet-linkaja{background:#ffebee;color:#c62828;border-color:#ef9a9a}.ewallet-shopee{background:#fff3e0;color:#e65100;border-color:#ffcc80}.bank-card-logo{font-size:14px;font-weight:800;padding:6px 10px;border-radius:8px;display:inline-block;margin-bottom:12px;letter-spacing:-.2px}.bank-logo-bsi{background:#e0f2f1;color:#00695c}.bank-logo-bca{background:#e3f2fd;color:#0d47a1}.bank-logo-mandiri{background:#fff8e1;color:#e65100}.donation-qris-box{max-width:200px;min-height:200px}.program-card-body{min-width:0}.program-progress-row{display:flex;align-items:baseline;gap:3px;margin-bottom:6px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.program-collected{font-size:12px;font-weight:700;color:var(--text-dark)}.program-sep,.program-target{font-size:11px;color:var(--text-muted)}.donation-qris-box{width:180px;height:180px;max-width:180px;min-height:unset}.program-card-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.program-icon-svg{width:24px;height:24px;flex-shrink:0}.program-card{align-items:flex-start;gap:12px}.donation-summary{background:var(--primary-pale, #EFF6FF);border:1.5px solid var(--primary);border-radius:12px;padding:14px 16px;margin-bottom:14px}.donation-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.donation-summary-label{font-size:13px;color:var(--text-muted)}.donation-summary-amount{font-size:20px;font-weight:800;color:var(--primary)}.donation-confirm-btn{width:100%;background:#25d366;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.donation-confirm-btn:hover{opacity:.9}.dark .donation-summary{background:#008cff1a}