@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--primary:#064e3b;--primary-light:#e6f4ea;--accent:#059669;--whatsapp:#25d366;--whatsapp-hover:#20ba5a;--text-main:#0f172a;--text-muted:#475569;--bg-light:#f8fafc;--bg-white:#fff;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-light);color:var(--text-main);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-size:16px;line-height:1.6}.container{width:100%;max-width:640px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.brand-header{background-color:var(--bg-white);border-bottom:1px solid #f1f5f9;padding:16px 0}.brand-container{justify-content:center;align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;width:32px;height:32px}.brand-title{color:var(--primary);letter-spacing:-.3px;text-transform:uppercase;font-size:14px;font-weight:800;line-height:1.2}section{background-color:var(--bg-white);padding:56px 0}section.bg-alt{background-color:var(--bg-light);border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.hero{text-align:center;background-color:var(--bg-white);padding:32px 0 48px}.hero h1{color:var(--primary);margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.3}.hero p{color:var(--text-muted);max-width:95%;margin:0 auto 24px;font-size:15px;font-weight:500;line-height:1.5}.hero-img-container{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);border:1px solid #e2e8f0;margin-bottom:28px;overflow:hidden}.hero-img-container img{width:100%;height:auto;display:block}.btn-whatsapp{background-color:var(--whatsapp);color:var(--bg-white);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:420px;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #25d36659}.btn-whatsapp:hover,.btn-whatsapp:active{background-color:var(--whatsapp-hover);transform:translateY(-1px);box-shadow:0 6px 20px #25d36680}.btn-whatsapp i{font-size:22px;line-height:1}.dalil-section{text-align:center;background-color:var(--primary-light);border-top:none;border-bottom:none}.dalil-card{background-color:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:5px solid var(--accent);text-align:left;padding:32px 24px}.dalil-arabic{text-align:right;color:var(--primary);direction:rtl;margin-bottom:16px;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:700;line-height:1.8}.dalil-translation{color:var(--text-main);margin-bottom:12px;font-size:15px;font-style:italic;line-height:1.6}.dalil-source{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.wasilah-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.wasilah-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px;line-height:1.4}.wasilah-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wasilah-card{background:var(--bg-white);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;transition:all .3s;display:flex}.wasilah-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.wasilah-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.wasilah-card h4{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.3}.wasilah-card p{color:var(--text-muted);font-size:11px;line-height:1.4}.prayer-box{background-color:var(--primary-light);border:1.5px dashed var(--accent);border-radius:var(--radius);text-align:center;margin-top:24px;padding:24px 20px}.prayer-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:700}.prayer-arabic{color:var(--primary);margin-bottom:8px;font-family:Times New Roman,Times,serif;font-size:26px;font-weight:700;line-height:1.4}.prayer-latin{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-style:italic}.prayer-translation{color:var(--text-main);font-size:13px;line-height:1.5}.keutamaan-title{color:var(--primary);text-align:center;margin-bottom:24px;font-size:22px;font-weight:800}.benefit-list{flex-direction:column;gap:16px;display:flex}.benefit-item{background:var(--bg-light);border-radius:var(--radius);border:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex}.benefit-item:hover{box-shadow:var(--shadow-md);border-color:#05966933;transform:translateY(-2px)}.benefit-number{background:var(--primary);color:var(--bg-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.benefit-text h3{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:700}.benefit-text p{color:var(--text-muted);font-size:14px;line-height:1.5}.stats-section{background-color:var(--primary);color:var(--bg-white);border-top:none;border-bottom:none;padding:44px 0}.stats-img-container{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);border:1px solid #ffffff26;margin-bottom:28px;overflow:hidden}.stats-img-container img{width:100%;height:auto;display:block}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stats-item{flex-direction:column;gap:4px;display:flex}.stats-number{color:#34d399;font-size:24px;font-weight:800}.stats-label{color:#d1fae5;font-size:12px;line-height:1.3}.gallery-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.gallery-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.gallery-carousel-wrapper{width:100%;position:relative}.gallery-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:4px 4px 20px;display:flex;overflow-x:auto}.gallery-carousel::-webkit-scrollbar{display:none}.gallery-carousel .gallery-item{scroll-snap-align:start;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;flex:0 0 85%;margin:0;overflow:hidden}.gallery-img-container{aspect-ratio:4/3;background-color:#eaeaea;width:100%;overflow:hidden}.gallery-img-container img{object-fit:cover;width:100%;height:100%;display:block}.gallery-info{padding:16px}.gallery-tag{color:var(--accent);background:var(--primary-light);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.gallery-info h4{color:var(--text-main);margin-bottom:6px;font-size:15px;font-weight:700}.gallery-info p{color:var(--text-muted);font-size:13px;line-height:1.5}.carousel-dots{justify-content:center;gap:8px;margin-top:4px;display:flex}.carousel-dots .dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .3s}.carousel-dots .dot.active{background:var(--accent);border-radius:4px;width:20px}.activity-grid-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.activity-grid-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px;line-height:1.4}.activity-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px;display:grid}.activity-grid-item{border-radius:var(--radius);aspect-ratio:1;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;position:relative;overflow:hidden}.activity-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.activity-grid-item:hover img,.activity-grid-item:active img{transform:scale(1.05)}.activity-grid-caption{color:#fff;text-align:left;background:linear-gradient(#0000,#000000bf);padding:8px 10px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.testi-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.testi-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.testi-list{flex-direction:column;gap:16px;display:flex}.testi-item{background:var(--bg-light);border-radius:var(--radius);border:1px solid #f1f5f9;padding:20px}.testi-user{align-items:center;gap:12px;margin-bottom:8px;display:flex}.testi-avatar{background:var(--primary-light);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.testi-meta h4{color:var(--text-main);font-size:14px;font-weight:700}.testi-meta span{color:var(--text-muted);font-size:11px}.testi-stars{color:#f59e0b;gap:2px;margin-bottom:8px;font-size:11px;display:flex}.testi-content{color:var(--text-main);font-size:14px;font-style:italic;line-height:1.5}.bottom-area{background-color:var(--primary);color:#cbd5e1;border-top:1px solid #ffffff1a;padding:56px 0 24px}.final-cta-block{margin-bottom:40px}.final-cta-block h3{color:#fff;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.3}.final-cta-block p{color:#a7f3d0;max-width:95%;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.bottom-divider{border:none;border-top:1px solid #ffffff1a;margin:32px 0}.footer-info{flex-direction:column;gap:16px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{object-fit:contain;filter:brightness(0)invert();width:28px;height:28px}.footer-brand h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.footer-desc{color:#94a3b8;font-size:12px;line-height:1.6}.footer-contact{color:#cbd5e1;flex-direction:column;gap:8px;font-size:12px;display:flex}.footer-contact p{align-items:flex-start;gap:8px;display:flex}.footer-contact i{color:#34d399;font-size:14px;line-height:1.2}.legal-badge{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;align-self:flex-start;margin-top:4px;padding:4px 8px;font-size:10px;display:inline-block}.footer-copyright{color:#64748b;border-top:1px solid #ffffff0d;margin-top:40px;padding-top:16px;font-size:11px}.trust-badges-card{border:1px border-solid #e2e8f0;background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:8px;margin-top:14px;margin-bottom:20px;padding:12px 14px;display:flex}.trust-badge-item{color:#334155;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.trust-badge-item i{flex-shrink:0;font-size:16px}.floating-cta-wrapper{z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:12px;left:12px;right:12px}@media (min-width:768px){.floating-cta-wrapper{display:none}}.floating-cta-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#064e3b 0%,#022c22 100%);border:1px solid #eab30859;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;padding:10px 14px;display:flex;box-shadow:0 10px 28px #00000040,0 2px 8px #064e3b66}.floating-cta-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.floating-cta-badge{color:#a7f3d0;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.floating-badge-dot{background-color:#34d399;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #34d399}.floating-cta-price{color:#fff;white-space:nowrap;font-size:12px}.floating-cta-price strong{color:#fde047;font-weight:800}.btn-floating-cta-gold{color:#0f172a;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #d9770666}.btn-floating-cta-gold:active{transform:scale(.96);box-shadow:0 2px 8px #d977064d}.gallery-section{background-color:var(--bg-light);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:56px 0}.section-header-centered{text-align:center;margin-bottom:32px}.section-badge-tag{color:#059669;text-transform:uppercase;letter-spacing:.5px;background-color:#0596691a;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.gallery-section-title{color:var(--primary);margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.3}.gallery-section-subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:13px;line-height:1.5}.desktop-hint{display:inline}.mobile-hint{display:none}@media (max-width:640px){.desktop-hint{display:none}.mobile-hint{display:inline}}.gallery-grid{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-card-item{background-color:var(--bg-white);cursor:pointer;border:1px solid #e2e8f0;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.gallery-card-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001a}.gallery-image-box{aspect-ratio:4/3;background-color:#0f172a;width:100%;position:relative;overflow:hidden}.gallery-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.gallery-card-item:hover .gallery-img{transform:scale(1.05)}.gallery-overlay-desktop{opacity:0;color:#fff;background:linear-gradient(#0000 0%,#0f172abf 50%,#064e3bf2 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}@media (min-width:768px){.gallery-card-item:hover .gallery-overlay-desktop{opacity:1}}.gallery-tag{text-transform:uppercase;color:#fde047;align-items:center;gap:4px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.gallery-title{color:#fff;margin-bottom:4px;font-size:14px;font-weight:800;line-height:1.3}.gallery-caption{color:#ffffffe0;font-size:11px;line-height:1.4}.mobile-tap-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172abf;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:10px;right:10px}@media (min-width:768px){.mobile-tap-badge{display:none}}.mobile-caption-drawer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:14px 16px;animation:.25s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-caption-title{color:var(--primary);margin-bottom:4px;font-size:13px;font-weight:800}.mobile-caption-desc{color:#475569;font-size:11px;line-height:1.4}.translator-box{background-color:var(--primary-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #05966933;flex-direction:column;gap:16px;margin-top:16px;padding:28px 20px;display:flex}.translator-input-group{flex-direction:column;gap:8px;display:flex}.translator-input-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.translator-input-group input{width:100%;font-family:var(--font-main);color:var(--text-main);box-shadow:var(--shadow-sm);border:2px solid #05966926;border-radius:50px;outline:none;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s}.translator-input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #05966926}.braille-output-grid{background:var(--bg-white);border-radius:var(--radius);border:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:20px;display:flex;box-shadow:inset 0 2px 4px #00000005}.translator-placeholder{color:var(--text-muted);text-align:center;font-size:13px;font-style:italic}.braille-cell-wrapper{flex-direction:column;align-items:center;gap:6px;animation:.3s forwards fadeIn;display:flex}.braille-cell{background:var(--bg-light);border:1px solid #cbd5e1;border-radius:6px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:5px;width:38px;height:56px;padding:6px;display:grid}.braille-dot{background:#e2e8f0;border-radius:50%;width:8px;height:8px;transition:background-color .2s}.braille-dot.active{background:var(--primary);box-shadow:0 0 4px #064e3b66}.braille-label{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.donation-progress-container{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;margin-top:16px;margin-bottom:24px;padding:24px 20px}.progress-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-percent{color:var(--primary);font-size:18px;font-weight:800}.progress-target{color:var(--text-muted);font-size:12px;font-weight:600}.donation-progress-bar{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;width:100%;height:10px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:5px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.1,.8,.25,1)}.progress-stats-grid{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;display:grid}.progress-stat-item{flex-direction:column;gap:2px;display:flex}.progress-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.progress-stat-value{color:var(--text-main);font-size:15px;font-weight:800}.package-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.package-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:14px}.package-grid{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.package-card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1.5px solid #e2e8f0;flex-direction:column;gap:10px;padding:20px;transition:all .3s;display:flex;position:relative}.package-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-card.popular{background:linear-gradient(#fffcf5,#fff);border-color:#d97706}.package-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#d97706;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:-11px;right:16px}.package-card h3{color:var(--primary);font-size:16px;font-weight:800}.package-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.package-price{color:var(--text-main);margin-top:2px;font-size:20px;font-weight:800}.btn-select-package{width:100%;font-family:var(--font-main);cursor:pointer;background:var(--primary-light);color:var(--primary);border:none;border-radius:50px;padding:12px;font-size:13px;font-weight:700;transition:all .2s}.package-card:hover .btn-select-package{background:var(--accent);color:var(--bg-white)}.package-card.popular .btn-select-package{color:#fff;background:#d97706}.package-card.popular:hover .btn-select-package{background:#b45309}.custom-donate-box{background:var(--bg-light);border:1.5px dashed var(--accent);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);margin-top:16px;padding:20px}.custom-donate-box h4{color:var(--primary);margin-bottom:12px;font-size:14px;font-weight:700}.custom-input-group{justify-content:center;gap:10px;max-width:100%;display:flex}.custom-input-wrapper{flex:1;max-width:260px;position:relative}.custom-input-wrapper span{color:var(--text-muted);font-size:14px;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.custom-input-wrapper input{width:100%;font-family:var(--font-main);border:1.5px solid #cbd5e1;border-radius:50px;outline:none;padding:10px 10px 10px 38px;font-size:14px;font-weight:600;transition:border-color .2s}.custom-input-wrapper input:focus{border-color:var(--accent)}.btn-custom-action{background:var(--accent);color:#fff;font-family:var(--font-main);cursor:pointer;border:none;border-radius:50px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:700;transition:background .2s}.btn-custom-action:hover{background:var(--primary)}.donation-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0f172a99;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:var(--radius);width:100%;max-width:480px;max-height:85vh;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(15px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.donation-modal.active .modal-content{transform:translateY(0)}.modal-header{background:var(--bg-white);z-index:10;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h3{color:var(--primary);font-size:16px;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;transition:color .2s}.modal-close:hover{color:#ef4444}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-form-group{flex-direction:column;gap:5px;display:flex}.modal-form-group label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.modal-form-group input,.modal-form-group textarea{width:100%;font-family:var(--font-main);border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s}.modal-form-group input:focus,.modal-form-group textarea:focus{border-color:var(--accent)}.modal-form-group input[readonly]{background-color:var(--bg-light);color:var(--primary);border-color:#cbd5e1;font-weight:700}#formatted-amount-display{color:var(--accent);margin-top:2px;font-size:22px;font-weight:800;display:block}.bank-transfer-info{background:var(--primary-light);border:1px solid #05966926;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.bank-transfer-info h4{color:var(--primary);font-size:13px;font-weight:700}.bank-account-card{background:var(--bg-white);border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.bank-details{flex-direction:column;gap:1px;display:flex}.bank-name{color:var(--text-muted);font-size:11px;font-weight:800}.account-number{color:var(--text-main);font-size:15px;font-weight:800}.account-holder{color:var(--text-muted);font-size:11px}.btn-copy{color:var(--text-main);font-family:var(--font-main);cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.btn-copy:hover{background:var(--primary);color:#fff}.bank-transfer-note{color:var(--text-muted);text-align:center;font-size:11px;font-style:italic;line-height:1.4}.btn-submit-modal{background:var(--accent);color:#fff;width:100%;font-family:var(--font-main);cursor:pointer;border:none;border-radius:50px;padding:14px;font-size:14px;font-weight:700;transition:background .2s;box-shadow:0 4px 10px #05966926}.btn-submit-modal:hover{background:var(--primary)}.faq-title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:22px;font-weight:800}.faq-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;transition:all .3s;overflow:hidden}.faq-item.active{border-color:var(--accent);box-shadow:var(--shadow-md)}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.faq-question h4{color:var(--text-main);font-size:14px;font-weight:700;line-height:1.4;transition:color .2s}.faq-item.active .faq-question h4{color:var(--primary)}.faq-question i{color:var(--text-muted);font-size:18px;transition:transform .3s,color .2s}.faq-item.active .faq-question i{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s cubic-bezier(0,1,0,1);overflow:hidden}.faq-item.active .faq-answer{max-height:1000px;transition:max-height .3s cubic-bezier(1,0,1,0)}.faq-answer-content{color:var(--text-muted);border-top:1px solid #f1f5f9;padding:12px 20px 16px;font-size:13px;line-height:1.5}@media (min-width:641px){body{background-color:#fafbfc;padding-bottom:0}.container{box-shadow:none;background:0 0;width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.brand-header,section,.bottom-area{width:100%;max-width:none;margin:0}.floating-cta{display:none}.wasilah-grid{grid-template-columns:repeat(4,1fr);gap:20px}.activity-grid{grid-template-columns:repeat(3,1fr);gap:24px}.gallery-carousel{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;padding:0;display:grid;overflow-x:visible}.gallery-carousel .gallery-item{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;flex-direction:column;flex:none;height:100%;margin:0;transition:all .3s;display:flex}.gallery-carousel .gallery-item .gallery-info{flex-direction:column;flex-grow:1;padding:16px;display:flex}.gallery-carousel .gallery-item .gallery-info h4{margin-bottom:8px;font-size:14px;line-height:1.3}.gallery-carousel .gallery-item .gallery-info p{flex-grow:1;margin:0;font-size:12px;line-height:1.4}.gallery-carousel .gallery-item:hover{box-shadow:var(--shadow-md);border-color:#05966933;transform:translateY(-4px)}.carousel-dots{display:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:32px}.benefit-list{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.benefit-item{text-align:center;background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;flex-direction:column;padding:28px 24px}.benefit-number{width:40px;height:40px;margin:0 auto 16px;font-size:18px}.benefit-text h3{text-align:center;margin-bottom:8px;font-size:17px}.benefit-text p{text-align:center;font-size:14px}.translator-box{text-align:left;grid-template-columns:1.1fr .9fr;align-items:start;gap:32px;padding:40px;display:grid}.translator-input-group{margin-top:10px}.braille-output-grid{gap:20px;min-height:150px;margin-top:0;padding:30px}.braille-cell{gap:6px;width:44px;height:64px;padding:8px}.braille-dot{width:9px;height:9px}.braille-label{font-size:12px}.donation-progress-container{padding:32px}.progress-stats-grid{grid-template-columns:repeat(4,1fr)}.package-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.package-card{justify-content:space-between;padding:24px 20px;transition:all .3s}.package-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-6px)}.donatur-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.donatur-item{margin-bottom:0}.faq-list{gap:16px}.faq-question{padding:20px 28px}.faq-answer-content{padding:0 28px 20px}}.campaign-section{background-color:var(--bg-white);padding:24px 0}.campaign-grid{flex-direction:column;gap:20px;display:flex}.campaign-media{width:100%}.campaign-img-container{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);border:1px solid #e2e8f0;height:240px;position:relative;overflow:hidden}.campaign-img-container img{object-fit:cover;width:100%;height:100%;display:block}.campaign-img-overlay{background:linear-gradient(to bottom, transparent, var(--bg-white));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.campaign-img-caption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:12px;font-style:italic;line-height:1.4}.campaign-details{flex-direction:column;gap:16px;display:flex}.campaign-category{color:var(--accent);background:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:800}.campaign-title{color:var(--primary);font-size:20px;font-weight:800;line-height:1.3}.campaign-tracker-box{background:var(--bg-light);border-radius:var(--radius);border:1px solid #f1f5f9;flex-direction:column;gap:12px;padding:20px;display:flex}.campaign-collected{flex-direction:column;gap:2px;display:flex}.collected-label{color:var(--text-muted);font-size:12px;font-weight:600}.collected-amount{color:var(--accent);font-size:26px;font-weight:800;line-height:1}.target-amount{color:var(--text-muted);font-size:13px;font-weight:600}.campaign-stats{text-align:center;border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--text-main);font-size:16px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.fundraiser-info{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 0;display:flex}.fundraiser-logo{object-fit:contain;width:36px;height:36px}.fundraiser-meta{flex-direction:column;gap:2px;display:flex}.fundraiser-name{color:var(--text-main);font-size:13px;font-weight:700}.verified-badge{color:var(--accent);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.campaign-actions{gap:12px;display:flex}.btn-donate-now{background-color:var(--accent);color:var(--bg-white);cursor:pointer;text-align:center;border:none;border-radius:50px;flex:2;justify-content:center;align-items:center;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #05966933}.btn-donate-now:hover,.btn-donate-now:active{background-color:var(--primary);transform:translateY(-1px)}.btn-share{background-color:var(--bg-white);color:var(--text-main);cursor:pointer;border:1.5px solid #cbd5e1;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-share:hover{background-color:var(--bg-light);border-color:#94a3b8}.tabs-navigation-section{background-color:var(--bg-white);z-index:50;border-bottom:1.5px solid #e2e8f0;padding:12px 0 0;position:sticky;top:0}.tabs-bar{justify-content:space-around;gap:10px;display:flex}.tab-btn{font-family:var(--font-main);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:14px 10px;font-size:14px;font-weight:700;transition:color .2s;position:relative}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--accent)}.tab-btn.active:after{content:"";background-color:var(--accent);border-top-left-radius:3px;border-top-right-radius:3px;height:3px;position:absolute;bottom:-1.5px;left:0;right:0}.tabs-content-section{background-color:var(--bg-white);padding:24px 0 40px}.tab-panel{animation:.4s forwards fadeIn;display:none}.tab-panel.active{display:block}.detail-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:800}.detail-heading{color:var(--accent);margin-bottom:8px;font-size:20px;font-weight:800;line-height:1.3}.detail-subheading{color:var(--text-main);margin-bottom:20px;font-size:15px;font-weight:700}.detail-text-content{color:var(--text-main);flex-direction:column;gap:16px;font-size:15px;line-height:1.6;display:flex}.inline-image-box{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;margin:16px 0;overflow:hidden}.inline-image-box img{width:100%;height:auto;display:block}.inline-image-caption{color:var(--text-muted);background:var(--bg-light);text-align:center;border-top:1px solid #f1f5f9;padding:8px 12px;font-size:11px;font-style:italic;line-height:1.4}.jariyah-banner{background:var(--primary-light);border-left:4px solid var(--accent);border-radius:8px;margin:10px 0;padding:14px 16px}.jariyah-text{color:var(--primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.jariyah-text i{color:var(--accent);font-size:18px}.cara-berwakaf-container{background:var(--bg-light);border-radius:var(--radius);border:1.5px solid #e2e8f0;margin:16px 0;padding:20px}.cara-berwakaf-title{color:var(--primary);margin-bottom:16px;font-size:16px;font-weight:800}.cara-berwakaf-list{flex-direction:column;gap:16px;list-style:none;display:flex}.cara-berwakaf-list li{align-items:flex-start;gap:12px;display:flex}.cara-berwakaf-list li .checkmark-icon{color:var(--accent);flex-shrink:0;font-size:20px;line-height:1.2}.cara-berwakaf-list li .step-desc{flex-direction:column;gap:2px;display:flex}.cara-berwakaf-list li .step-desc strong{color:var(--text-main);font-size:14px;font-weight:700}.cara-berwakaf-list li .step-desc span{color:var(--text-muted);font-size:12px;line-height:1.4}.legalitas-box{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;margin-top:16px;padding:16px 20px}.legalitas-title{color:var(--primary);margin-bottom:8px;font-size:13px;font-weight:800}.legalitas-box p{color:var(--text-muted);margin-bottom:4px;font-size:12px;line-height:1.5}.legalitas-box p:last-child{margin-bottom:0}.legal-doc-num{font-weight:700;color:var(--text-main)!important}.detail-collapsible{max-height:380px;transition:max-height .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.detail-collapsible.expanded{max-height:5000px}.detail-fade-overlay{background:linear-gradient(transparent, var(--bg-white));pointer-events:none;height:120px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.detail-collapsible.expanded .detail-fade-overlay{opacity:0}.btn-read-more{background-color:var(--primary-light);width:100%;color:var(--primary);font-family:var(--font-main);cursor:pointer;border:1.5px solid #05966926;border-radius:50px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-read-more:hover{background-color:var(--accent);color:var(--bg-white)}.kabar-timeline{flex-direction:column;gap:24px;display:flex}.kabar-item{background:var(--bg-light);border-radius:var(--radius);border:1px solid #f1f5f9;flex-direction:column;gap:10px;padding:20px;display:flex}.kabar-date{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.kabar-headline{color:var(--primary);font-size:16px;font-weight:800}.kabar-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:auto}.kabar-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.donatur-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:13px}.donatur-list{flex-direction:column;gap:12px;display:flex}.donatur-item{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;align-items:flex-start;gap:12px;padding:16px;display:flex}.donatur-avatar{background:var(--primary-light);color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.donatur-info{flex-direction:column;flex:1;gap:4px;display:flex}.donatur-meta{justify-content:space-between;align-items:center;display:flex}.donatur-name{color:var(--text-main);font-size:13px;font-weight:700}.donatur-time{color:var(--text-muted);font-size:10px}.donatur-amount{color:var(--accent);font-size:15px;font-weight:800}.donatur-prayer{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic;line-height:1.4}.footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:32px;display:grid}.footer-col{flex-direction:column;gap:16px;display:flex}.footer-col-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #ffffff1a;padding-bottom:8px;font-size:14px;font-weight:800}.footer-contact-list{flex-direction:column;gap:12px;font-size:12px;display:flex}.footer-contact-list p{align-items:flex-start;gap:8px;line-height:1.5;display:flex}.footer-contact-list p i{color:#34d399;flex-shrink:0;font-size:15px}.footer-legal-docs{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;font-size:11px;display:flex}.footer-bank-intro{color:#cbd5e1;font-size:12px}.footer-bank-list{flex-direction:column;gap:12px;display:flex}.footer-bank-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.footer-bank-card .bank-info{flex-direction:column;gap:2px;display:flex}.footer-bank-card .bank-lbl{color:#34d399;font-size:10px;font-weight:800}.footer-bank-card .bank-acc{color:#fff;font-size:14px;font-weight:800}.footer-bank-card .bank-holder{color:#94a3b8;font-size:10px}.btn-copy-sm{color:#fff;font-family:var(--font-main);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.btn-copy-sm:hover{background:#059669}.footer-disclaimer-card{background:#dc26261a;border:1px solid #dc26264d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;display:flex}.disclaimer-icon{color:#f87171;flex-shrink:0;font-size:22px;line-height:1}.disclaimer-content{flex-direction:column;gap:4px;display:flex}.disclaimer-content h5{color:#f87171;letter-spacing:.5px;font-size:12px;font-weight:800}.disclaimer-content p{color:#cbd5e1;font-size:11px;line-height:1.5}@media (min-width:641px){.campaign-section{padding:48px 0}.campaign-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:48px;display:grid}.campaign-title{letter-spacing:-.5px;font-size:28px;line-height:1.35}.campaign-tracker-box{border-color:#0596691a;padding:28px}.campaign-img-container{height:460px;box-shadow:var(--shadow-md);border-radius:20px;overflow:hidden}.campaign-img-container img{object-fit:cover;width:100%;height:100%}.campaign-img-overlay{display:none}.collected-amount{font-size:36px}.tabs-navigation-section{position:relative}.tab-btn{padding:16px 20px;font-size:15px}.tabs-content-section{padding:32px 0 48px}.detail-heading{margin-bottom:12px;font-size:26px}.detail-collapsible{overflow:visible;max-height:none!important}.detail-fade-overlay{display:none}#btn-detail-more{display:none!important}.donatur-collapsible:not(.expanded) .donatur-item:nth-child(n+5){display:none}.donatur-section:not(:has(.donatur-item:nth-child(5))) #btn-donatur-more{display:none!important}.inline-image-box{border-radius:var(--radius);max-width:600px;box-shadow:var(--shadow-md);border:1px solid #e2e8f0;margin:28px auto;overflow:hidden}.inline-image-box img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:48px}}@media (max-width:640px){.donatur-collapsible:not(.expanded) .donatur-item:nth-child(n+3),.kabar-collapsible:not(.expanded) .kabar-item:nth-child(n+2){display:none}}.custom-alert-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#0f172a99;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.custom-alert-overlay.active{opacity:1;pointer-events:auto}.custom-alert-box{background:var(--bg-white,#fff);text-align:center;border:1px solid #10b9811a;border-radius:16px;width:100%;max-width:380px;padding:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.9);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.custom-alert-overlay.active .custom-alert-box{transform:scale(1)}.custom-alert-icon{width:56px;height:56px;color:var(--accent,#10b981);background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.custom-alert-icon.warning{color:#f59e0b;background:#fffbeb}.custom-alert-icon.error{color:#ef4444;background:#fef2f2}.custom-alert-message{color:var(--text-main,#0f172a);white-space:pre-line;margin-bottom:20px;font-size:14px;font-weight:700;line-height:1.5}.btn-custom-alert-close{background:var(--accent,#10b981);color:#fff;width:100%;font-family:var(--font-main,inherit);cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:700;transition:background .2s;box-shadow:0 4px 10px #10b98126}.btn-custom-alert-close:hover{background:var(--primary,#047857)}.payment-selector-container{flex-direction:column;gap:12px;margin-top:6px;display:flex}.payment-group{flex-direction:column;gap:8px;display:flex}.payment-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:800}.payment-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.payment-option-card{background:var(--bg-white,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex;position:relative}.payment-option-card:hover{background:var(--bg-light);border-color:#94a3b8}.payment-option-card.selected{border-color:var(--accent);background:#ecfdf5;box-shadow:0 4px 10px #10b9810f}.payment-badge{color:#fff;letter-spacing:.2px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:22px;font-size:9px;font-weight:800;display:flex}.badge-qris{background:linear-gradient(135deg,#ef4444,#3b82f6,#10b981);font-size:8px}.badge-bca{background:#092e6e}.badge-mandiri{color:#f59e0b;background:#1c3f94}.badge-bni{background:#f60}.badge-bri{background:#00569c}.badge-dana{background:#118eea}.badge-ovo{background:#4c2a86}.badge-shopeepay{background:#ee4d2d;font-size:7px}.payment-info{flex-direction:column;gap:1px;display:flex}.payment-name{color:var(--text-main);font-size:12px;font-weight:700;line-height:1.2}.payment-desc{color:var(--text-muted);font-size:9px;line-height:1.2}.payment-option-card.selected:after{content:"";background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #00000026;font-family:remixicon!important}.admin-page-bg{min-height:100vh;color:var(--text-main);font-family:var(--font-main), sans-serif;background-color:#f8fafc;padding:32px 16px}.admin-header{border-bottom:1.5px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-title-group h1{color:var(--primary);margin:0;font-size:24px;font-weight:800}.admin-title-group p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.btn-admin-logout{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-admin-logout:hover{background:#fef2f2;border-color:#fecaca}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.admin-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.admin-stat-icon.success{color:#10b981;background:#ecfdf5}.admin-stat-icon.pending{color:#f59e0b;background:#fffbeb}.admin-stat-icon.expired{color:#ef4444;background:#fef2f2}.admin-stat-icon.total{color:#0284c7;background:#f0f9ff}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:800}.admin-stat-value{color:var(--text-main);margin-top:2px;margin-bottom:0;font-size:18px;font-weight:800;line-height:1.2}.admin-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.admin-search-wrapper{box-sizing:border-box;width:100%;max-width:320px;position:relative}.admin-search-wrapper i{color:var(--text-muted);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-search-input{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:13px;transition:all .2s}.admin-search-input:focus{border-color:var(--accent)}.admin-filter-tabs{background:#f1f5f9;border-radius:8px;gap:4px;padding:4px;display:flex}.admin-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.admin-tab-btn:hover{color:var(--text-main)}.admin-tab-btn.active{color:var(--primary);background:#fff;box-shadow:0 1px 3px #0000000d}.admin-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{color:var(--text-muted);white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 16px;font-weight:700}.admin-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;line-height:1.4}.admin-table tr:hover td{background-color:#f8fafc}.admin-status-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.admin-status-badge.success{color:#10b981;background:#ecfdf5}.admin-status-badge.pending{color:#f59e0b;background:#fffbeb}.admin-status-badge.expired{color:#ef4444;background:#fef2f2}.admin-actions{gap:8px;display:flex}.btn-admin-action{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn-admin-action.whatsapp{color:#fff;background:#25d366;text-decoration:none}.btn-admin-action.whatsapp:hover{background:#128c7e}.btn-admin-action.confirm{color:#fff;background:#10b981}.btn-admin-action.confirm:hover{background:#059669}.btn-admin-action.delete{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.btn-admin-action.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.admin-login-overlay{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px -5px #00000014}.admin-login-logo{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.admin-login-box h2{color:var(--text-main);margin:0 0 8px;font-size:22px;font-weight:800}.admin-login-box p{color:var(--text-muted);margin:0 0 28px;font-size:13px}.admin-login-form{flex-direction:column;gap:16px;display:flex}.admin-login-input{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.admin-login-input:focus{border-color:var(--accent)}.btn-admin-login{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s}.btn-admin-login:hover{opacity:.9}.admin-mobile-list{flex-direction:column;gap:16px;margin-top:12px;display:none}.admin-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.admin-card-header{border-bottom:1.5px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.admin-card-order{color:var(--text-muted);font-size:11px;font-weight:800}.admin-card-date{color:var(--text-muted);font-size:10px}.admin-card-body{flex-direction:column;gap:8px;display:flex}.admin-card-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.admin-card-name{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.admin-card-amount{color:var(--accent);white-space:nowrap;margin:0;font-size:15px;font-weight:800}.admin-card-detail-item{gap:6px;font-size:12px;display:flex}.admin-card-detail-label{color:var(--text-muted);min-width:90px;font-weight:700}.admin-card-detail-val{color:var(--text-main);font-weight:700}.admin-card-niat{color:var(--text-muted);border-left:3px solid var(--accent);background:#f8fafc;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:12px;font-style:italic;line-height:1.4}.admin-card-footer{gap:8px;margin-top:6px;display:flex}.admin-card-footer .btn-admin-action{border-radius:8px;flex:1;justify-content:center;padding:10px 14px;font-size:12px}.admin-card-footer .btn-admin-action.delete{flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:38px;display:flex}@media (max-width:768px){.admin-table-wrapper{display:none!important}.admin-mobile-list{display:flex!important}.admin-controls{flex-direction:column;align-items:stretch;gap:12px}.admin-search-wrapper{max-width:none}.admin-filter-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}.admin-tab-btn{text-align:center;flex:1;padding:8px 12px}}.btn-control-refresh{cursor:pointer;width:38px;height:38px;color:var(--text-main);background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-control-refresh:hover{background:#f1f5f9;border-color:#94a3b8}.btn-control-refresh:active i{transform:rotate(180deg)}.btn-control-refresh i{font-size:16px;transition:transform .3s}.btn-control-export{color:#fff;cursor:pointer;background:#10b981;border:1px solid #10b981;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-control-export:hover{background:#059669;border-color:#059669}.custom-confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;opacity:0;pointer-events:none;background:#0f172a66;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.custom-confirm-overlay.active{opacity:1;pointer-events:auto}.custom-confirm-box{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;max-width:400px;padding:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.9);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-confirm-overlay.active .custom-confirm-box{transform:scale(1)}.custom-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;display:flex}.custom-confirm-icon.warning{color:#d97706;background:#fffbeb}.custom-confirm-icon.danger{color:#dc2626;background:#fef2f2}.custom-confirm-icon.info{color:#0284c7;background:#f0f9ff}.custom-confirm-box h3{color:var(--text-main);margin-top:0;margin-bottom:8px;font-size:18px;font-weight:800}.custom-confirm-box p{color:var(--text-muted);margin-top:0;margin-bottom:24px;font-size:13px;line-height:1.5}.custom-confirm-buttons{gap:10px;display:flex}.btn-confirm-cancel{color:var(--text-muted);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:50px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.btn-confirm-cancel:hover{color:var(--text-main);background:#f1f5f9}.btn-confirm-ok{color:#fff;cursor:pointer;border:none;border-radius:50px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.btn-confirm-ok.confirm{background:var(--accent)}.btn-confirm-ok.confirm:hover{background:var(--primary)}.btn-confirm-ok.danger{background:#dc2626}.btn-confirm-ok.danger:hover{background:#b91c1c}.admin-pagination{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.btn-pagination{color:var(--text-main);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-pagination:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:12px;font-weight:700}.admin-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.admin-chart-title{color:var(--primary);align-items:center;gap:8px;margin-top:0;margin-bottom:20px;font-size:14px;font-weight:800;display:flex}.admin-chart-bars{border-bottom:2px solid #e2e8f0;justify-content:space-around;align-items:flex-end;gap:8px;height:120px;padding-bottom:8px;display:flex;position:relative}.admin-chart-col{flex-direction:column;flex:1;align-items:center;max-width:60px;display:flex;position:relative}.admin-chart-bar-bg{background:#f1f5f9;border-radius:4px;width:24px;height:100px;position:relative;overflow:hidden}.admin-chart-bar-fill{background:linear-gradient(to top, var(--primary), var(--accent));border-radius:4px;transition:height .6s ease-out;position:absolute;bottom:0;left:0;right:0}.admin-chart-col:hover .admin-chart-bar-val{opacity:1;transform:translate(-50%)translateY(-6px)}.admin-chart-bar-val{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:10;background:#1e293b;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:800;transition:all .2s;position:absolute;bottom:108px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 6px -1px #0000001a}.admin-chart-bar-val:after{content:"";border:4px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.admin-chart-label{color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:700}.select-control-date{color:var(--text-main);cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700}.select-control-date:focus{border-color:var(--accent)}.admin-controls-group-left{box-sizing:border-box;flex-wrap:wrap;flex:1;align-items:center;gap:10px;width:100%;display:flex}.admin-controls-group-right{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:768px){.admin-controls-group-left,.admin-controls-group-right{flex:none!important;width:100%!important}}.donation-modal{-webkit-backdrop-filter:blur(6px);z-index:999;opacity:0;pointer-events:none;background:#0f172abf;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.donation-modal.active{opacity:1;pointer-events:auto}.modal-content-modern{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:88vh;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.modal-header-modern{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#022c22 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header-brand{align-items:center;gap:10px;display:flex}.header-icon-box{color:#fde047;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.modal-header-brand h3{color:#fff;font-size:15px;font-weight:800;line-height:1.2}.modal-sub-badge{color:#a7f3d0;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}#donation-confirm-form{-webkit-overflow-scrolling:touch;flex-direction:column;max-height:calc(88vh - 65px);display:flex;overflow-y:auto}.modal-body-modern{background-color:#fff;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.modal-compact-summary{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.compact-summary-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.compact-package-title{color:#064e3b;font-size:13px;font-weight:800}.compact-amount-badge{color:#047857;font-size:16px;font-weight:800}.compact-preset-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (max-width:440px){.compact-preset-chips{grid-template-columns:repeat(2,1fr)}}.compact-chip{color:#334155;cursor:pointer;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 4px;font-size:11px;font-weight:700;transition:all .2s}.compact-chip.active{color:#fde047;background-color:#064e3b;border-color:#064e3b;box-shadow:0 2px 6px #064e3b33}.modal-form-group-compact{flex-direction:column;gap:4px;display:flex}.input-label-compact{color:#1e293b;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.input-label-compact i{color:#059669;font-size:14px}.input-compact{color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.input-compact:focus{background-color:#fff;border-color:#059669;box-shadow:0 0 0 3px #05966926}.textarea-compact{color:#0f172a;resize:none;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.textarea-compact:focus{background-color:#fff;border-color:#059669;box-shadow:0 0 0 3px #05966926}.suggestion-tags-scroll{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.suggestion-tags-scroll::-webkit-scrollbar{display:none}.tag-pill-compact{color:#059669;cursor:pointer;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700;transition:all .2s}.tag-pill-compact:hover{background-color:#e6f4ea;border-color:#059669}.modal-submit-box-compact{flex-direction:column;gap:8px;margin-top:4px;display:flex}.btn-submit-modal-impressive{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #05966959}.btn-submit-modal-impressive:hover{background:linear-gradient(135deg,#047857 0%,#064e3b 100%)}.btn-submit-modal-impressive:active{transform:scale(.98)}.modal-security-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.immersive-loading-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#062c22e0;justify-content:center;align-items:center;padding:20px;animation:.3s forwards fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.immersive-loading-card{text-align:center;background:linear-gradient(145deg,#064e3b 0%,#022c22 100%);border:1px solid #eab30859;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:32px 24px;display:flex;position:relative;box-shadow:0 25px 60px #00000080,0 0 40px #0596694d}.loading-icon-wrapper{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex;position:relative}.loading-pulse-ring{border:2px solid #34d399;border-radius:50%;animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulseGlow;position:absolute;inset:0}.loading-pulse-ring-outer{border:1px solid #eab30866;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseGlowOuter;position:absolute;inset:-10px}@keyframes pulseGlow{0%{opacity:.8;transform:scale(.95);box-shadow:0 0 10px #34d399}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 25px #34d399}to{opacity:.8;transform:scale(.95);box-shadow:0 0 10px #34d399}}@keyframes pulseGlowOuter{0%{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.25)}to{opacity:.3;transform:scale(.9)}}.loading-icon-center{color:#fde047;z-index:2;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 4px 16px #0000004d}.loading-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:800}.loading-phrase-container{justify-content:center;align-items:center;min-height:28px;display:flex}.loading-phrase-text{color:#a7f3d0;align-items:center;gap:6px;font-size:13px;font-weight:700;animation:.35s forwards slideFadeIn;display:flex}.loading-phrase-text i{color:#fde047}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-progress-track{background-color:#ffffff1f;border-radius:10px;width:100%;height:6px;position:relative;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,#34d399 0%,#fbbf24 100%);border-radius:10px;width:0%;height:100%;animation:2.2s ease-in-out infinite loadProgressFill}@keyframes loadProgressFill{0%{width:5%}50%{width:75%}to{width:95%}}.loading-security-badge{color:#ffffffb3;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.loading-security-badge i{color:#34d399}.campaign-category{text-transform:uppercase;letter-spacing:.5px;border:1px solid #a7f3d0;border-radius:20px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;color:#047857!important;background-color:#ecfdf5!important}.verified-badge{border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;color:#047857!important;background-color:#ecfdf5!important}.section-badge-tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex;color:#047857!important;background-color:#ecfdf5!important}.donatur-amount{font-size:15px;font-weight:800;color:#047857!important}.package-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #fde047;border-radius:20px;padding:3px 12px;font-size:10px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001a;color:#713f12!important;background:#fef08a!important}.gallery-tag{text-transform:uppercase;text-shadow:0 1px 3px #000000e6;align-items:center;gap:4px;margin-bottom:6px;font-size:10px;font-weight:800;display:flex;color:#fde047!important}.btn-select-package,.btn-custom-action{font-weight:800;color:#fff!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important}.footer-desc{font-size:12px;line-height:1.6;color:#e2e8f0!important}.footer-copyright,.footer-copyright p,.footer-legal-docs,.footer-legal-docs p{color:#cbd5e1!important}.footer-disclaimer-card{color:#1e293b;border:1px solid #fde047;border-radius:14px;gap:14px;margin-top:24px;padding:16px 20px;display:flex;background-color:#fef3c7!important}.disclaimer-heading{margin-bottom:4px;font-size:13px;font-weight:800;color:#991b1b!important}.disclaimer-content p{font-size:12px;line-height:1.5;color:#334155!important}