:root{--primary:#dc2626;--primary-dark:#b91c1c;--primary-light:#ef4444;--bg:#fff;--bg-soft:#f8fafc;--bg-red-light:#fef2f2;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:Poppins,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#navbar{z-index:1000;background:0 0;padding:0;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border), 0 4px 24px #00000012;background:#fffffff7}.navbar-inner{align-items:center;gap:8px;height:72px;display:flex}.nav-brand{flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.nav-logo{background:var(--primary);color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #dc262647}.nav-brand-text{flex-direction:column;line-height:1.25;display:flex}.nav-brand-title{color:var(--text-primary);font-size:13px;font-weight:700}.nav-brand-sub{color:var(--text-secondary);font-size:11px;font-weight:400}.nav-menu{align-items:center;gap:2px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav-menu .nav-link{color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{color:var(--primary);background:var(--bg-red-light)}.nav-right{flex-shrink:0;align-items:center;gap:10px;margin-left:16px;display:flex}.btn-nav-masuk{background:var(--primary);color:#fff;border-radius:var(--radius-sm);border:2px solid var(--primary);white-space:nowrap;transition:var(--transition);align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #dc262638}.btn-nav-masuk:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #dc262652}.nav-hamburger{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:var(--transition);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.nav-hamburger span{background:var(--text-primary);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .2s,width .2s;display:block}.nav-hamburger:hover{border-color:var(--primary);background:var(--bg-red-light)}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;width:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{opacity:0;border-top:1px solid var(--border);background:#fff;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;display:none;overflow:hidden}.nav-mobile.open{opacity:1;max-height:400px}.nav-mobile ul{margin:0;padding:8px 0;list-style:none}.nav-mobile-link{color:var(--text-primary);border-left:3px solid #0000;padding:13px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:block}.nav-mobile-link:hover,.nav-mobile-link.active{color:var(--primary);background:var(--bg-red-light);border-left-color:var(--primary)}.nav-mobile-footer{border-top:1px solid var(--border);padding:12px 20px 20px}#hero{background:var(--bg);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}#heroParticles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-bg-deco{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-bg-deco:before{content:"";background:radial-gradient(at 70% 30%,#dc26260f 0%,#0000 70%);width:55%;height:80%;position:absolute;top:-15%;right:-10%}.hero-bg-deco:after{content:"";background:radial-gradient(at 30% 70%,#dc26260a 0%,#0000 70%);width:45%;height:60%;position:absolute;bottom:-10%;left:-5%}.hero-bg-pattern{opacity:1;background-image:radial-gradient(circle,#dc26260b 1.5px,#0000 1.5px);background-size:32px 32px;position:absolute;inset:0}.hero-container{z-index:1;width:100%;position:relative}.hero-row{align-items:center;gap:48px;min-height:calc(100vh - 80px);padding:60px 0;display:flex}.hero-content{flex:0 0 44%;max-width:44%}.hero-badge{background:var(--bg-red-light);color:var(--primary);letter-spacing:.03em;text-transform:uppercase;opacity:0;border:1.5px solid #dc262626;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;animation:.5s .15s forwards fadeUp;display:inline-flex;transform:translateY(12px)}.hero-badge i{font-size:13px}.hero-headline{color:var(--text-primary);letter-spacing:-.02em;opacity:0;margin-bottom:20px;font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.12;animation:.5s .25s forwards fadeUp;transform:translateY(14px)}.hero-headline span{color:var(--primary)}.hero-sub{color:var(--text-secondary);opacity:0;max-width:460px;margin-bottom:32px;font-size:15.5px;font-weight:400;line-height:1.7;animation:.5s .3s forwards fadeUp;transform:translateY(14px)}.hero-cta{opacity:0;flex-wrap:wrap;gap:12px;margin-bottom:28px;animation:.5s .35s forwards fadeUp;display:flex;transform:translateY(14px)}.btn-primary-hero{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:2px solid var(--primary);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:13px 26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #dc262647}.btn-primary-hero:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-secondary-hero{color:var(--text-primary);border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:8px;padding:13px 26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-hero:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-red-light)}.hero-trust{opacity:0;flex-direction:column;gap:8px;animation:.5s .4s forwards fadeUp;display:flex;transform:translateY(14px)}.trust-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.trust-check{color:#16a34a;background:#16a34a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.hero-visual{opacity:0;flex:0 0 56%;max-width:56%;animation:.6s .45s forwards slideInRight;transform:translate(30px)}.hero-carousel-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #0000000a;aspect-ratio:16/10;background:var(--bg-soft);position:relative;overflow:hidden}.hero-carousel-inner{width:100%;height:100%;position:relative}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-slide:after{content:"";background:linear-gradient(135deg,#ffffff0a 0%,#dc26260d 100%);position:absolute;inset:0}.slide-1{background-color:#d4c5b0;background-image:url(/assets/img/aktivitas.webp)}.slide-2{background-color:#b5c9b7;background-image:url(/assets/img/gotongroyonh.webp)}.slide-3{background-color:#c7b99a;background-image:url(/assets/img/musyawarah.jpg)}.slide-4{background-color:#b8cdd4;background-image:url(/build/assets/pemberdayaan-CHK1gzrC.jpeg)}.slide-5{background-color:#c5bda6;background-image:url(/assets/img/koperasikartun.webp)}.hero-carousel-caption{z-index:2;background:linear-gradient(#0000 0%,#1118278c 100%);padding:28px 24px 24px;position:absolute;bottom:0;left:0;right:0}.carousel-caption-text{color:#fff;text-shadow:0 1px 4px #0000004d;margin-bottom:12px;font-size:13.5px;font-weight:600}.carousel-dots{gap:6px;display:flex}.carousel-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#ffffff73;border:none;border-radius:4px;padding:0}.carousel-dot.active{background:#fff;width:22px}.hero-carousel-controls{z-index:3;pointer-events:none;justify-content:space-between;padding:0 16px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.carousel-btn{pointer-events:all;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:var(--transition);background:#ffffffd9;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 2px 8px #0000001f}.carousel-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 14px #00000029}.hero-float-badge{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#ffffffeb;align-items:center;gap:10px;min-width:180px;padding:10px 14px;display:flex;position:absolute;top:20px;left:20px}.float-badge-icon{background:var(--bg-red-light);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.float-badge-label{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.3}.float-badge-value{color:var(--text-primary);font-size:14px;font-weight:700}#quick-access{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0}.section-label{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--primary);border-radius:1px;width:20px;height:2px;display:block}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.section-sub{color:var(--text-secondary);margin-bottom:40px;font-size:15px}.qa-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:var(--transition);cursor:pointer;height:100%;padding:28px 24px;text-decoration:none;display:block;position:relative;overflow:hidden}.qa-card:before{content:"";background:var(--primary);height:3px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.qa-card:hover{box-shadow:var(--shadow-md), 0 0 0 2px #dc26260f;color:inherit;border-color:#dc262633;text-decoration:none;transform:translateY(-4px)}.qa-card:hover:before{transform:scaleX(1)}.qa-icon{border-radius:var(--radius-md);background:var(--bg-red-light);width:52px;height:52px;color:var(--primary);transition:var(--transition);justify-content:center;align-items:center;margin-bottom:18px;font-size:22px;display:flex}.qa-card:hover .qa-icon{background:var(--primary);color:#fff}.qa-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:700}.qa-desc{color:var(--text-secondary);margin-bottom:18px;font-size:13px;line-height:1.6}.qa-arrow{color:var(--primary);opacity:0;transition:var(--transition);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex;transform:translate(-6px)}.qa-card:hover .qa-arrow{opacity:1;transform:translate(0)}#layanan{background:var(--bg);padding:80px 0}.layanan-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);height:100%;overflow:hidden}.layanan-card:hover{box-shadow:var(--shadow-md);border-color:#dc26262e;transform:translateY(-3px)}.layanan-card-top{align-items:flex-start;gap:16px;padding:28px 24px 20px;display:flex}.layanan-icon{border-radius:var(--radius-md);background:var(--bg-red-light);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.layanan-info{flex:1}.layanan-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.layanan-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.layanan-card-bottom{border-top:1px solid var(--border);margin-top:20px;padding:20px 24px 24px}.layanan-features{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.layanan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.layanan-features li i{color:#16a34a;flex-shrink:0;font-size:12px}.btn-layanan{color:var(--primary);transition:var(--transition);align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-layanan:hover{color:var(--primary-dark);gap:10px}#tentang{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0}.tentang-visual{border-radius:var(--radius-xl);aspect-ratio:5/4;box-shadow:var(--shadow-lg);background:#d8cfc0 url(https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?w=800&q=80&auto=format&fit=crop) 50%/cover;position:relative;overflow:hidden}.tentang-visual:after{content:"";background:linear-gradient(#0000 50%,#11182740 100%);position:absolute;inset:0}.tentang-stat-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:2;background:#fff;min-width:155px;padding:16px 20px;position:absolute;bottom:24px;right:-20px}.stat-num{color:var(--primary);letter-spacing:-.03em;font-size:24px;font-weight:800}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.tentang-body p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.75}.tentang-body p:last-of-type{margin-bottom:24px}.tentang-highlights{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.highlight-item{align-items:flex-start;gap:12px;display:flex}.highlight-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.highlight-item p{color:var(--text-secondary);font-size:14px;margin:0!important}.highlight-item strong{color:var(--text-primary);font-weight:600}.btn-tentang{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #dc262640}.btn-tentang:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #dc26264d}#cta{background:var(--primary);padding:80px 0;position:relative;overflow:hidden}#cta:before{content:"";background:radial-gradient(#ffffff12 0%,#0000 70%);width:50%;height:180%;position:absolute;top:-40%;right:-10%}#cta:after{content:"";background:radial-gradient(#00000014 0%,#0000 70%);width:40%;height:140%;position:absolute;bottom:-30%;left:-5%}.cta-inner{z-index:1;text-align:center;position:relative}.cta-label{color:#ffffffb3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.15}.cta-sub{color:#fffc;max-width:480px;margin:0 auto 36px;font-size:15px;line-height:1.7}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-cta-primary{color:var(--primary);border-radius:var(--radius-md);transition:var(--transition);background:#fff;border:2px solid #fff;align-items:center;gap:8px;padding:13px 28px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #00000026}.btn-cta-primary:hover{color:var(--primary-dark);background:#f5f5f5;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-cta-secondary{color:#fff;border-radius:var(--radius-md);transition:var(--transition);background:0 0;border:2px solid #ffffff80;align-items:center;gap:8px;padding:13px 28px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn-cta-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}#footer{color:#94a3b8;background:#0f172a;padding:56px 0 0}.footer-brand{margin-bottom:16px}.footer-logo{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.footer-brand-name{color:#f1f5f9;margin-bottom:4px;font-size:15px;font-weight:700}.footer-brand-sub{color:#64748b;font-size:12px}.footer-desc{color:#64748b;max-width:280px;margin-top:12px;font-size:13.5px;line-height:1.7}.footer-heading{color:#cbd5e1;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#64748b;align-items:center;gap:6px;font-size:13.5px;text-decoration:none;transition:color .2s;display:inline-flex}.footer-links a:hover{color:#f1f5f9}.footer-contact-item{color:#64748b;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13.5px;display:flex}.footer-contact-item i{color:var(--primary);flex-shrink:0;margin-top:2px}.footer-divider{border-color:#1e293b;margin:40px 0 0}.footer-bottom{border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px 0;display:flex}.footer-copy{color:#475569;font-size:12.5px}.footer-copy span{color:var(--primary)}.footer-badges{flex-wrap:wrap;gap:8px;display:flex}.footer-badge{color:#475569;background:#1e293b;border:1px solid #334155;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=991px){.nav-menu{display:none}.nav-hamburger{display:flex}.nav-mobile{display:block}.nav-right{margin-left:auto}.navbar-inner{height:64px}}@media (width>=992px){.nav-hamburger{display:none}.nav-mobile{display:none!important}}@media (width<=992px){.hero-row{flex-direction:column;gap:36px;min-height:auto;padding:40px 0 48px}.hero-content,.hero-visual{flex:none;width:100%;max-width:100%}.hero-visual{animation:.6s .35s forwards fadeUp}.hero-sub{max-width:100%}.tentang-stat-card{right:16px}}@media (width<=768px){#hero{padding-top:72px}.hero-headline{font-size:28px}.hero-badge{font-size:11px}.hero-sub{font-size:14px}.btn-primary-hero,.btn-secondary-hero{padding:11px 20px;font-size:14px}.qa-card{padding:22px 18px}.layanan-card-top{padding:20px 18px 14px}.layanan-card-bottom{padding:16px 18px 20px}.tentang-stat-card{min-width:130px;padding:12px 14px;bottom:16px;right:12px}.stat-num{font-size:20px}#cta{padding:60px 0}.cta-title{font-size:22px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=425px){.hero-cta{flex-direction:column}.btn-primary-hero,.btn-secondary-hero{justify-content:center;width:100%}.hero-float-badge{display:none}.cta-buttons{flex-direction:column;align-items:center}.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%;max-width:280px}}@media (width>=1400px){.hero-headline{font-size:50px}}