@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-primary:#6c6aab;--color-primary-dark:#558;--color-secondary:#9fc95b;--color-secondary-dark:#7fa342;--color-background:#fff;--color-text:#04121f;--color-text-light:#666;--color-border:#e5e5e5;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background-color:var(--color-background);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;border-radius:var(--radius-md);transition:var(--transition);border:none;cursor:pointer}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.section{padding:5rem 0}.section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-text)}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--color-text-light);max-width:600px;margin:0 auto 3rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition)}.header-inner{justify-content:space-between;padding:1rem 0}.header-inner,.logo{display:flex;align-items:center}.logo{gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);justify-content:center;color:#fff;font-size:1.25rem}.logo-icon,.nav{display:flex;align-items:center}.nav{gap:2rem}.nav-link{font-weight:500;font-size:.9375rem;color:var(--color-text);transition:var(--transition);position:relative}.nav-link:hover{color:var(--color-primary)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:.5rem 0;min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text);transition:var(--transition)}.nav-dropdown-item:hover{background-color:#f9fafb;color:var(--color-primary)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.unsplash.com/photo-1564769624456-ddd98b816d6c?w=1920&q=80);background-size:cover;background-position:50%;opacity:.05}.hero-content{position:relative;z-index:1;max-width:700px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.hero-title span{color:var(--color-primary)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:2rem;line-height:1.8}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-slider{position:absolute;right:0;top:50%;transform:translateY(-50%);width:45%;height:80%;border-radius:var(--radius-xl) 0 0 var(--radius-xl);overflow:hidden;box-shadow:-10px 0 30px rgba(108,106,171,.2)}.hero-slide{width:100%;height:100%;object-fit:cover;animation:slideShow 8s infinite}@keyframes slideShow{0%,to{opacity:1}50%{opacity:.8}}.affiliator{background:linear-gradient(135deg,var(--color-primary) 0,#8b89c4 100%);color:#fff;text-align:center}.affiliator-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.affiliator-text{font-size:1.125rem;opacity:.95;max-width:700px;margin:0 auto 2rem;line-height:1.8}.affiliator .btn{background-color:#fff;color:var(--color-primary)}.affiliator .btn:hover{background-color:#f0f0f0;transform:translateY(-2px)}.services{background-color:#fafbfc}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.service-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:var(--transition)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.service-icon{width:70px;height:70px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.service-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.service-link{font-size:.875rem;color:var(--color-primary);font-weight:500}.service-link:hover{text-decoration:underline}.pilares-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.pillar-card{background:#fff;padding:2rem 1.5rem;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);transition:var(--transition);border:3px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center}.pillar-card.active,.pillar-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.pillar-card.active{background:linear-gradient(135deg,rgba(108,106,171,.05),rgba(159,201,91,.05))}.pillar-icon{font-size:3rem;margin-bottom:1rem;display:block}.pillar-name{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.pillar-tagline{font-size:.875rem;color:var(--color-text-light);font-weight:500}.campaigns{background-color:#fff}.campaign-filters{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:2rem;border:2px solid var(--color-border);background:#fff;color:var(--color-text-light);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.campaign-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.campaign-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.campaign-image{width:100%;height:200px;object-fit:cover}.campaign-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:2rem;margin:1rem 1rem 0}.badge-mendesak{background-color:#fee2e2;color:#dc2626}.badge-sedekah{background-color:#dcfce7;color:#16a34a}.badge-ramadan{background-color:#fef3c7;color:#d97706}.badge-kewajiban{background-color:#e0e7ff;color:#4f46e5}.badge-pendidikan{background-color:#dbeafe;color:#1d4ed8}.badge-ekonomi{background-color:#d1fae5;color:#059669}.badge-media{background-color:#fee2e2;color:#dc2626}.badge-zakat{background-color:#fef3c7;color:#d97706}.campaign-content{padding:1.25rem}.campaign-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;line-height:1.4}.campaign-target{font-size:.875rem;color:var(--color-text-light)}.campaign-progress,.campaign-target{margin-bottom:1rem}.progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width 1s ease}.progress-text{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-light)}.testimonials{background-color:#fafbfc}.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.testimonial-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-quote{font-size:.9375rem;line-height:1.7;margin-bottom:1.5rem;color:var(--color-text);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem}.testimonial-info h4{font-size:.9375rem;font-weight:600}.testimonial-info p{font-size:.8125rem;color:var(--color-text-light)}.edufluencer{background:linear-gradient(135deg,var(--color-secondary) 0,#b8d97a 100%);text-align:center}.edufluencer-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.edufluencer-text{font-size:1.125rem;max-width:600px;margin:0 auto 2rem;line-height:1.7}.footer{background-color:#1a1a2e;color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand .logo{color:#fff;margin-bottom:1rem}.footer-brand .logo-icon{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}.footer-desc{font-size:.9375rem;opacity:.8;line-height:1.7;margin-bottom:1.5rem}.social-links{display:flex;gap:.75rem}.social-link{width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-link:hover{background:var(--color-primary);transform:translateY(-3px)}.footer-title{font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{font-size:.875rem;opacity:.8;transition:var(--transition)}.footer-links a:hover{opacity:1;color:var(--color-secondary)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem;text-align:center;font-size:.875rem;opacity:.7}.popup-campaign{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:var(--transition)}.popup-campaign.active{opacity:1;visibility:visible}.popup-content{background:#fff;border-radius:var(--radius-xl);max-width:450px;width:90%;overflow:hidden;transform:scale(.9);transition:var(--transition)}.popup-campaign.active .popup-content{transform:scale(1)}.popup-image{width:100%;height:200px;object-fit:cover}.popup-body{padding:1.5rem}.popup-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.popup-progress{margin-bottom:1.5rem}.popup-actions{display:flex;gap:.75rem}.popup-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition)}.popup-close:hover{background:#fff}.floating-whatsapp{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:9998;transition:var(--transition)}.floating-whatsapp:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.floating-whatsapp svg{width:30px;height:30px;fill:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:var(--radius-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:var(--transition)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary)}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.amount-btn{padding:.5rem;border:2px solid var(--color-border);background:#fff;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.amount-btn.active,.amount-btn:hover{border-color:var(--color-primary)}.amount-btn.active{background-color:var(--color-primary);color:#fff}.method-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.method-btn{padding:1rem;border:2px solid var(--color-border);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.method-btn.active,.method-btn:hover{border-color:var(--color-primary)}.method-btn.active{background-color:#f5f3ff}.method-btn span{display:block;font-weight:600}.method-btn small{font-size:.75rem;color:var(--color-text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}@media (max-width:1024px){.hero-slider{display:none}.hero-content{max-width:100%;text-align:center}.hero-cta{justify-content:center}.pilares-grid{grid-template-columns:repeat(3,1fr)}.campaign-grid,.footer-grid,.services-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav{display:none}.hero-title{font-size:2.5rem}.section-title{font-size:1.75rem}.pilares-grid{grid-template-columns:repeat(2,1fr)}.campaign-grid,.footer-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}.affiliator-title{font-size:1.5rem}.edufluencer-title{font-size:1.75rem}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}