:root{--primary-color:#10b981;--primary-dark:#059669;--secondary-color:#0f766e;--secondary-light:#0d9488;--dark-neutral:#0f172a;--light-neutral:#f8fafc;--card-light-bg:hsla(0,0%,100%,.85);--border-light:hsla(0,0%,100%,.5);--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--light-neutral);color:#334155;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}img{display:block}.text-primary{color:var(--primary-dark)}.text-secondary{color:var(--secondary-color)}.text-center{text-align:center}.navbar-container{position:fixed;top:0;left:0;width:100%;z-index:1000;background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.03)}.navbar{justify-content:space-between;position:relative;max-width:1200px;margin:0 auto;padding:16px 24px}.logo,.navbar{display:flex;align-items:center}.logo{gap:10px}.logo-icon{background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img{width:54px;height:54px;object-fit:contain;display:block}.logo-text{display:flex;flex-direction:column;text-align:center}.logo-sub{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--secondary-color);line-height:1.3;margin-bottom:2px;text-transform:uppercase;white-space:nowrap}.logo-main{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--dark-neutral);letter-spacing:.3px;line-height:1.2}.nav-links{display:flex;align-items:center;list-style:none;gap:32px}.nav-links a{font-size:15px;font-weight:500;color:#475569;position:relative;padding:6px 0}.nav-links a.active,.nav-links a:hover{color:var(--secondary-color);font-weight:600}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition-smooth)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.btn-contact-nav{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff!important;padding:8px 20px!important;border-radius:30px;box-shadow:0 4px 12px rgba(15,118,110,.15)}.btn-contact-nav:after{display:none!important}.btn-contact-nav:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,118,110,.25)}.menu-toggle{display:none;cursor:pointer;color:var(--dark-neutral)}.hero-section{position:relative;height:65vh;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:80px;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center 35%;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 24px;animation:fadeInUp 1s ease-out}.hero-content h1{font-family:var(--font-heading);font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.25)}.hero-content h1 .highlight{color:#fff;font-size:58px;background:linear-gradient(120deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content .subtitle{margin-top:16px;font-size:20px;font-weight:400;letter-spacing:1px;color:hsla(0,0%,100%,.95);text-shadow:0 2px 4px rgba(0,0,0,.3)}.kepala-desa-section{position:relative;z-index:10;margin-top:-120px;padding-bottom:60px}.kades-card{background:hsla(0,0%,100%,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.5);border-radius:28px;padding:40px;display:flex;align-items:center;gap:40px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.kades-image-wrapper{flex-shrink:0;width:240px;height:240px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 12px 28px rgba(15,118,110,.2)}.kades-img{width:100%;height:100%;object-fit:cover;object-position:center 75%;transform:scale(1.05) translateX(-2%);transform-origin:center top}.kades-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(15,118,110,.25),transparent)}.kades-info{position:relative}.kades-info h2{font-family:var(--font-heading);font-size:clamp(16px,5.5vw,28px);font-weight:700;color:var(--dark-neutral);margin-bottom:4px;white-space:nowrap}.kades-info h3{font-size:16px;font-weight:600;color:var(--primary-dark);margin-bottom:20px;letter-spacing:.5px}.kades-info .greeting-text{font-size:16px;color:#475569;font-style:italic;line-height:1.7}.kades-quote-icon{position:absolute;bottom:-10px;right:0;opacity:.06;color:var(--secondary-color)}.kades-quote-icon i{width:72px;height:72px}.section-header{margin-bottom:48px}.section-header h2{font-family:var(--font-heading);font-size:32px;font-weight:8500;color:var(--dark-neutral);margin-bottom:12px}.section-divider{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.section-divider.center{margin:0 auto}.section-subtitle{font-size:16px;color:#64748b;margin-bottom:16px}.visi-misi-section{padding:60px 0}.visi-misi-grid{display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px}.misi-card,.visi-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.02);border:1px solid #f1f5f9;transition:var(--transition-smooth)}.misi-card:hover,.visi-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(15,23,42,.05)}.card-icon-wrapper{width:60px;height:60px;border-radius:16px;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.card-icon-wrapper i{width:28px;height:28px}.card-icon-wrapper.text-secondary{background:rgba(15,118,110,.1)}.misi-card h3,.visi-card h3{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--dark-neutral);margin-bottom:16px}.misi-card p,.visi-card p{font-size:15px;color:#64748b;line-height:1.7}.misi-list{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:16px}.misi-list>li{font-size:14px;color:var(--dark-neutral);line-height:1.6}.misi-list>li>strong{display:block;font-size:14px;font-weight:700;color:var(--secondary-color);margin-bottom:6px}.misi-list>li>ul{padding-left:18px;margin-top:4px;display:flex;flex-direction:column;gap:4px;list-style:disc}.misi-list>li>ul>li{font-size:13.5px;color:#64748b;line-height:1.65}.potensi-section{padding:80px 0;background:linear-gradient(180deg,#f8fafc,#edf2f7);position:relative}.potensi-list{display:flex;flex-direction:column;gap:40px;margin-top:48px;width:100%}.potensi-item{display:flex;align-items:center;background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.03);transition:var(--transition-smooth);cursor:pointer}.potensi-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.06)}.potensi-img-wrapper{flex:0 0 42%}.potensi-img-wrapper img{height:auto;display:block;object-fit:contain}.potensi-info{flex:1 1;padding:32px}@media (max-width:768px){.potensi-item{flex-direction:column;align-items:stretch}.potensi-img-wrapper,.potensi-info{width:100%}.potensi-img-wrapper img{width:100%;height:auto}.potensi-info{padding:24px}}.potensi-item:nth-child(2n){flex-direction:row-reverse}.potensi-img-wrapper{width:45%;min-height:300px;position:relative;overflow:hidden}.potensi-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.potensi-item:hover .potensi-img-wrapper img{transform:scale(1.05)}.potensi-info{width:55%;padding:40px;display:flex;flex-direction:column;justify-content:center}.potensi-info h3{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--dark-neutral);margin:16px 0 12px}.potensi-info p{font-size:15px;color:#64748b;line-height:1.7}@media (max-width:768px){.potensi-item{flex-direction:column!important}.potensi-img-wrapper,.potensi-info{width:100%}.potensi-img-wrapper{height:220px;min-height:auto}.potensi-info{padding:30px 24px}}.potensi-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.bg-green-glow{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.05));color:var(--primary-dark)}.bg-teal-glow{background:linear-gradient(135deg,rgba(15,118,110,.2),rgba(15,118,110,.05));color:#0f766e}.potensi-icon-wrapper i{width:24px;height:24px}.berita-section{padding:80px 0}.berita-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.berita-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.02);border:1px solid #f1f5f9;display:flex;align-items:flex-start;transition:var(--transition-smooth)}.berita-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.05)}.berita-img-wrapper{position:relative;flex:0 0 38%;max-width:320px;flex-shrink:0}.berita-img-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.berita-badge{position:absolute;top:16px;left:16px;background:var(--secondary-color);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:30px}.berita-info{padding:24px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;flex:1 1}.berita-date{font-size:12px;color:#94a3b8;display:block}.berita-info h4{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--dark-neutral);line-height:1.4;-webkit-line-clamp:2}.berita-info h4,.berita-info p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.berita-info p{font-size:13px;color:#64748b;line-height:1.7;-webkit-line-clamp:3}.berita-link{margin-top:8px;font-size:13px;font-weight:600;color:var(--secondary-color);display:inline-flex;align-items:center;gap:4px}.berita-link i{width:14px;height:14px;transition:var(--transition-smooth)}.berita-link:hover i{transform:translateX(4px)}@media (max-width:768px){.berita-grid{grid-template-columns:1fr;gap:24px}.berita-card{flex-direction:column;align-items:stretch}.berita-img-wrapper{width:100%;max-width:100%;height:280px}.berita-img-wrapper img{width:100%;height:100%;object-fit:cover}.berita-info{padding:20px;gap:8px}.berita-info p{margin:0}.berita-link{margin-top:10px}.berita-card{display:block!important;height:auto!important;min-height:0!important}.berita-img-wrapper{display:block!important;width:100%!important;height:280px!important;max-width:100%!important}.berita-info{display:block!important;height:auto!important;min-height:0!important;padding:20px!important}}.footer-section{background-color:var(--dark-neutral);color:#94a3b8;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;grid-gap:64px;gap:64px;margin-bottom:60px}.footer-logo{margin-bottom:20px}.footer-logo .logo-main{color:#fff}.footer-logo .logo-sub{color:var(--primary-color)}.footer-desc{font-size:14px;line-height:1.7;margin-bottom:24px}.social-links{display:flex;gap:12px}.social-icon{width:38px;height:38px;background-color:hsla(0,0%,100%,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-smooth)}.social-icon:hover{background-color:var(--primary-color);transform:translateY(-3px)}.social-icon i{width:18px;height:18px}.footer-contact h4,.footer-links h4{font-family:var(--font-heading);font-size:18px;color:#fff;margin-bottom:24px;font-weight:700}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{font-size:14px}.footer-links ul li a:hover{color:#fff;padding-left:6px}.contact-details{list-style:none}.contact-details li{display:flex;gap:16px;margin-bottom:16px;font-size:14px;align-items:flex-start}.contact-details li i{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:30px;text-align:center;font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.galeri-section{padding:80px 0;background:#fff}.galeri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-top:48px}.galeri-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 8px 24px rgba(0,0,0,.04);cursor:pointer;transition:var(--transition-smooth)}.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.galeri-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,55,53,.9) 0,rgba(9,55,53,.4) 60%,transparent);opacity:0;display:flex;align-items:flex-end;padding:20px;transition:opacity .4s ease}.galeri-text{transform:translateY(15px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.galeri-text h4{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.galeri-text p{font-size:12px;color:hsla(0,0%,100%,.85);line-height:1.4}.galeri-item:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(9,55,53,.15)}.galeri-item:hover img{transform:scale(1.08)}.galeri-item:hover .galeri-overlay{opacity:1}.galeri-item:hover .galeri-text{transform:translateY(0)}.lightbox{position:fixed;inset:0;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-content-container{max-width:800px;width:100%;position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 25px 50px rgba(0,0,0,.25);transform:scale(.9);transition:transform .3s cubic-bezier(.16,1,.3,1)}.lightbox.active .lightbox-content-container{transform:scale(1)}.lightbox-content-container img{width:100%;max-height:70vh;object-fit:contain;background:#f8fafc}.lightbox-caption{padding:24px;background:#fff}.lightbox-caption h4{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--dark-neutral);margin-bottom:8px}.lightbox-caption p{font-size:14px;color:#64748b;line-height:1.6}.lightbox-close{position:absolute;top:24px;right:32px;font-size:40px;color:var(--dark-neutral);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox-close:hover{color:var(--secondary-color)}@media (max-width:768px){.lightbox-content-container img{max-height:320px}.lightbox-caption{padding:16px}}.peta-section{padding:80px 0;background-color:#f8fafc}.peta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:stretch}.peta-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:20px}.peta-header{display:flex;justify-content:space-between;align-items:center}.peta-title-wrapper{display:flex;align-items:center;gap:12px}.peta-icon-line{width:4px;height:24px;background-color:var(--primary-color);border-radius:4px}.peta-header h3{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--dark-neutral);margin:0}.peta-icon-right{color:#94a3b8;width:20px;height:20px}.peta-map-wrapper{border-radius:12px;overflow:hidden;position:relative;border:1px solid #e2e8f0;flex-grow:1;display:flex;flex-direction:column}.peta-map-wrapper iframe{flex-grow:1;height:100%!important;min-height:350px}.kantor-info-overlay{position:absolute;bottom:16px;left:16px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);z-index:10}.kantor-info-overlay i{color:var(--primary-color);width:24px;height:24px;flex-shrink:0}.kantor-info-text{display:flex;flex-direction:column}.kantor-info-text strong{font-size:14px;color:var(--dark-neutral);margin-bottom:2px}.kantor-info-text span{font-size:12px;color:#64748b;line-height:1.4}.peta-actions{display:flex;justify-content:center}.btn-buka-peta{display:inline-flex;align-items:center;gap:8px;background-color:var(--primary-color);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;width:100%;justify-content:center;transition:var(--transition-smooth)}.btn-buka-peta:hover{background-color:var(--primary-dark);color:#fff}.btn-buka-peta i{width:18px;height:18px}.kantor-detail-dropdown{margin-top:16px;padding:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kantor-dropdown-img{width:100%;height:180px;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.kantor-info-list{display:flex;flex-direction:column;gap:12px;font-size:14.5px;color:#475569}.k-info-row{display:flex;align-items:flex-start}.k-info-label{width:90px;flex-shrink:0}.k-info-sep{margin-right:12px}.k-info-val{color:var(--dark-neutral);font-weight:500;word-break:break-word}@media (max-width:1024px){.hero-content h1{font-size:42px}.hero-content h1 .highlight{font-size:48px}.kades-card{padding:30px;gap:30px}.kades-image-wrapper{width:200px;height:200px}.footer-grid{gap:40px}}@media (max-width:768px){.menu-toggle{display:block;position:absolute;right:12px;z-index:1001}.navbar{padding:12px;justify-content:center}.logo{margin:0 auto;gap:6px}.logo-img{width:44px;height:44px}.logo-sub{font-size:7.5px;letter-spacing:.2px}.logo-main{font-size:13px}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:24px;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:999;text-align:center;align-items:center}.nav-links.active{display:flex}.nav-links a{width:100%;display:block;padding:8px 0}.btn-contact-nav{text-align:center;width:100%}.hero-section{height:55vh}.hero-content h1{font-size:34px}.hero-content h1 .highlight{font-size:38px}.kepala-desa-section{margin-top:-80px}.kades-card{flex-direction:column;text-align:center;padding:32px 24px}.kades-image-wrapper{width:180px;height:180px}.kades-quote-icon{display:none}.visi-misi-grid{grid-template-columns:1fr;gap:24px}.potensi-card{flex:1 1 100%;max-width:100%}.peta-grid{grid-template-columns:1fr;gap:24px}.peta-map-wrapper{flex-grow:0}.peta-map-wrapper iframe{flex-grow:0;height:350px!important}.berita-grid{grid-template-columns:1fr}.berita-card{flex-direction:column}.berita-img-wrapper{width:100%;height:200px}.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}.contact-details li,.footer-logo,.social-links{justify-content:center}.kantor-info-list{font-size:11px;gap:8px}.k-info-label{width:65px}}.statistik-section{padding:80px 0;background:#fff}.statistik-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-top:50px}.stat-card{background:#fff;border-radius:22px;padding:35px 25px;text-align:center;border:1px solid #eef2f7;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.3s}.stat-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(15,23,42,.1)}.stat-icon{width:65px;height:65px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;margin:auto auto 18px}.stat-icon i{width:30px;height:30px}.stat-card h3{font-size:40px;font-family:var(--font-heading);color:var(--dark-neutral);margin-bottom:8px}.stat-card span{color:#64748b;font-weight:600;display:block}.stat-detail{margin-top:15px;color:#475569;line-height:1.8}.highlight{background:linear-gradient(135deg,#0f766e,#10b981);color:#fff}.highlight .stat-detail,.highlight h3,.highlight span{color:#fff}@media (max-width:992px){.statistik-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.statistik-grid{grid-template-columns:1fr}}.perkam-section{padding:80px 0;background:#fff}.perkam-list{display:flex;flex-direction:column;gap:20px;margin-top:40px}.perkam-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:20px;padding:25px 30px;border:1px solid #edf2f7;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.3s}.perkam-card:hover{transform:translateY(-4px)}.perkam-left{gap:20px}.perkam-icon,.perkam-left{display:flex;align-items:center}.perkam-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;justify-content:center}.perkam-icon i{width:28px;height:28px}.perkam-left h3{font-size:20px;margin-bottom:6px;color:#0f172a}.perkam-left p{color:#64748b}.perkam-action{display:flex;gap:12px}.btn-download,.btn-lihat{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;color:#fff;font-weight:600}.btn-lihat{background:#0f766e}.btn-download{background:#10b981}.btn-download:hover,.btn-lihat:hover{transform:translateY(-2px)}@media (max-width:768px){.perkam-card{flex-direction:column;align-items:flex-start;gap:20px}.perkam-action{width:100%}.btn-download,.btn-lihat{flex:1 1;justify-content:center}}.struktur-section{padding:80px 0;background:#f8fafc}.struktur-wrapper{max-width:900px;margin:0 auto}.struktur-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.06);border:1px solid #f1f5f9;transition:var(--transition-smooth)}.struktur-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(15,23,42,.1)}.struktur-img{width:100%;height:auto;display:block;transition:transform .5s ease}.struktur-card:hover .struktur-img{transform:scale(1.02)}.struktur-keterangan{margin-top:24px;font-size:14px;color:#64748b;display:flex;align-items:center;gap:8px;justify-content:center;background:hsla(0,0%,100%,.7);padding:14px 24px;border-radius:60px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.5);width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.struktur-info-icon{width:18px;height:18px;color:var(--primary-color)}@media (max-width:768px){.struktur-section{padding:50px 0}.struktur-card{border-radius:20px}.struktur-keterangan{font-size:13px;padding:12px 18px;width:100%;text-align:center;flex-wrap:wrap}}body,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}img{-webkit-user-drag:none;pointer-events:none}.kades-card.animate{animation:kadesEntrance 1.2s cubic-bezier(.22,1,.36,1);transform-origin:center}@keyframes kadesEntrance{0%{opacity:0;transform:translateY(80px) scale(.92);filter:blur(12px)}55%{opacity:1;transform:translateY(-12px) scale(1.02);filter:blur(0)}75%{transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.stat-card{opacity:0;transform:translateY(80px) rotateX(70deg) scale(.88);transform-origin:bottom center;transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}.stat-card.show{opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}.stat-card:first-child.show{transition-delay:0s}.stat-card:nth-child(2).show{transition-delay:.15s}.stat-card:nth-child(3).show{transition-delay:.3s}.stat-card:nth-child(4).show{transition-delay:.45s}.potensi-item{opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s ease;will-change:transform,opacity}.potensi-item:nth-child(odd){transform:translateX(-120px)}.potensi-item:nth-child(2n){transform:translateX(120px)}.potensi-item.show{opacity:1;transform:translateX(0)}.potensi-item:first-child.show{transition-delay:.05s}.potensi-item:nth-child(2).show{transition-delay:.15s}.potensi-item:nth-child(3).show{transition-delay:.25s}.potensi-item:nth-child(4).show{transition-delay:.35s}.potensi-item:nth-child(5).show{transition-delay:.45s}body,html{margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}img{max-width:100%;height:auto}@media only screen and (max-width:768px){body,html{overflow-x:hidden;width:100%}.container{width:100%;padding-left:16px;padding-right:16px}}