*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6}header{background-color:#40bfe1;padding:1rem 2rem;color:#fff}.logo-container{display:flex;align-items:center;gap:1rem}.logo-header{max-width:100px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:0}.logo{max-width:100px;max-height:75%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:0}.logo-text h1{font-size:1.5rem;margin-bottom:.2rem}nav ul{list-style:none;display:flex;gap:2rem;margin-top:1rem}.hero{background-image:url(/build/assets/bg-img-e841a817.png);background-size:100%;height:300px;background-position:center;padding:3rem 0}.slider h2{color:#fff}.slider{position:relative;text-align:center;padding:2rem}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:2rem;cursor:pointer}.prev-btn{left:2rem}.next-btn{right:2rem}.news{padding:3rem 2rem}.news h2{text-align:center;margin-bottom:2rem}.news-container{display:flex;gap:2rem;justify-content:center}.news-card{width:300px;height:200px;background-color:#f0f0f0;border-radius:8px}.village-map{padding:3rem 2rem}.village-map h2{text-align:center;margin-bottom:2rem}.map-container{width:100%;height:400px;background-color:#f0f0f0}.population{padding:3rem 2rem}.population h2{text-align:center;margin-bottom:2rem}.stats-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat-card{display:flex;background-color:#fff;border:1px solid #40BFE1;min-width:200px}.stat-number{background-color:#40bfe1;color:#fff;padding:1rem;display:flex;align-items:center;justify-content:center}.stat-label{padding:1rem;display:flex;align-items:center}footer{background-color:#40bfe1;color:#fff;padding:2rem}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-logo{display:flex;gap:1rem}.footer-logo img{max-width:100px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:0;background:transparent;padding-bottom:3rem}.footer-text h3{margin-bottom:.5rem}.contact-info h3{margin-bottom:1rem}.contact-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.contact-info img{width:25px;height:25px}@media (max-width: 768px){nav ul{flex-direction:column;gap:1rem}.footer-content{flex-direction:column;gap:2rem}.news-container{flex-direction:column;align-items:center}}.profile-content{max-width:1200px;margin:0 auto;padding:2rem}.village-intro{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;text-align:center}.profile-image{width:176px;height:240px;background-color:#f0f0f0;-o-object-fit:fill;object-fit:fill}.village-details h2{font-size:2rem;margin-bottom:1rem}.vision-mission{margin-bottom:3rem}.vision,.mission{margin-bottom:2rem}.vision h2,.mission h2{font-size:1.8rem;margin-bottom:1rem;text-align:center}.vision p{text-align:center;font-style:italic;max-width:800px;margin:0 auto}.mission ol{list-style-position:inside;max-width:800px;margin:0 auto}.mission li{margin-bottom:.5rem}.organization{text-align:center}.organization h2{font-size:1.8rem;margin-bottom:2rem}.org-chart{max-width:100%;height:100%;background-color:#f0f0f0;margin:0 auto 15px}.administrasi_map{text-align:center}.administrasi_map img{width:700px;height:500px}.org-chart-image{width:50%;height:50%;-o-object-fit:contain;object-fit:contain}.peta-administrasi{max-width:100%;height:400px;background-color:#f0f0f0;margin:0 auto}.kades-section{margin-top:3rem;text-align:center}.kades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}.kades-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.kades-photo img{width:100%;height:260px;-o-object-fit:cover;object-fit:cover}.kades-info{background:#f6a800;color:#fff;padding:1rem;text-align:center}.kades-name{font-weight:700;margin-bottom:.25rem;text-transform:uppercase;font-size:1.05rem}.kades-period{font-size:.95rem;opacity:.95;font-weight:600}@media (max-width: 768px){.kades-photo img{height:220px}}.kades-current{border:2px solid #f6a800}.badge-current{display:inline-block;margin-top:.5rem;background:rgba(0,0,0,.1);color:#000;padding:.2rem .5rem;border-radius:4px;font-weight:700}@media (max-width: 768px){.village-intro{flex-direction:column;text-align:center}.profile-image{width:200px;height:200px}.vision p,.mission ol{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f0f0f0}header{background-color:#45cbd6;padding:1rem 2rem;color:#fff}.logo-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo-text h1{font-size:1.5rem;margin-bottom:.25rem}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:#fff;text-decoration:none;padding:.5rem 1rem}nav a.active{font-weight:700;border-bottom:2px solid white}main{padding:2rem;max-width:1200px;margin:0 auto}.infografis h1,.infografis h2{color:#000;margin-bottom:.5rem;text-align:center;font-size:2rem}.infografis h4{color:#000;margin:2rem 0 1rem}.geographic-info{margin-top:2rem;display:flex;justify-content:left}.geographic-info h4{color:#333;margin-bottom:1rem}.geo-grid{display:grid;grid-template-columns:repeat(2,.2fr);margin-bottom:2rem}.geo-card{background-color:#40c6db;border-radius:8px;overflow:hidden;height:auto;width:300px}.geo-card h4{background-color:#40c6db;color:#fff;text-align:center}.geo-details{background-color:#40c6db;padding:1rem}.geo-item{display:flex;justify-content:space-between;color:#fff;margin-bottom:.5rem;margin-left:20px;margin-right:20px}.geo-item:last-child{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:8px;overflow:hidden;display:flex}.icon-container{background-color:#fff;padding:1rem;width:80px;display:flex;align-items:center;justify-content:center}.icon-container img{width:40px;height:40px}.stat-info{background-color:#45cbd6;color:#fff;padding:1rem;flex-grow:1}.stat-info h5{margin-bottom:.5rem}.stat-info p{font-size:1.5rem;font-weight:700}.religion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.religion-card{background-color:#45cbd6;color:#fff;padding:1rem;text-align:center;border-radius:8px}.religion-card h5{margin-bottom:.5rem}.religion-card p{font-size:1.5rem;font-weight:700}@media (max-width: 768px){nav ul{flex-direction:column;gap:.5rem}.footer-content{flex-direction:column;gap:2rem}.geographic-info{grid-template-columns:1fr;flex-direction:column}.stats-grid{grid-template-columns:1fr}.religion-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.religion-grid{grid-template-columns:1fr}}.mitigasi-content{max-width:1200px;margin:0 auto;padding:2rem;background-color:#f5f5f5}.mitigasi-header{text-align:center;margin-bottom:3rem}.mitigasi-header h1{font-size:2rem;margin-bottom:.5rem}.mitigasi-header h2{font-size:2rem}.disaster-map,.evacuation{margin-bottom:3rem;text-align:center}.disaster-map img{height:500px;width:700px}.map-container,.evacuation-map{background-color:#fff;height:650px;border-radius:8px;margin-top:1.5rem;text-align:center}.evacuation-map img{height:100%;width:100%}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.guide-card{display:flex;align-items:center;gap:1rem;background-color:#40c6db;padding:1rem;border-radius:8px;color:#fff}.guide-icon{width:auto;height:auto;border-radius:8px;flex-shrink:0}.guide-icon img{border-radius:10px;max-width:100px}.education-video{margin-bottom:3rem}.education-video iframe{height:100%;width:100%}.video-container{background-color:#fff;height:400px;border-radius:8px;margin-top:1.5rem}.disaster-map h3,.evacuation h3,.earthquake-guide h3,.landslide-guide h3,.education-video h3{font-size:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.guide-grid{grid-template-columns:1fr}.map-container,.evacuation-map,.video-container{height:300px}.mitigasi-header h1{font-size:2rem}.mitigasi-header h2{font-size:1.5rem}}.kepala-desa-list{padding:40px 20px}.title{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.card-kades-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-items:center}.card-kades{width:100%;max-width:250px;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;background-color:#fff;transition:transform .3s ease,box-shadow .3s ease}.card-kades:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.card-kades-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #ddd}.card-kades-body{padding:20px}.card-kades-title{font-size:1.25rem;font-weight:700;margin-bottom:10px}.card-kades-text{font-size:1rem;color:#555}@media (max-width: 768px){.card-kades-container{grid-template-columns:1fr}}@media (max-width: 1024px){.card-kades-container{grid-template-columns:repeat(2,1fr)}}.visi-section{background:linear-gradient(135deg,#F5F0E8 0%,#FEF5E7 100%);padding:3rem 2rem;margin:2rem 0}.visi-card{background:white;border-radius:15px;padding:2.5rem;max-width:1000px;margin:0 auto;box-shadow:0 2px 10px #0000001a}.visi-card .section-title{text-align:center;font-size:2rem;margin-bottom:1.5rem;color:#40bfe1!important}.visi-text{text-align:center;font-size:1.1rem;color:#555;line-height:1.8}.misi-section{background:linear-gradient(135deg,#F5F0E8 0%,#FEF5E7 100%);padding:3rem 2rem;margin:2rem 0}.misi-card{background:white;border-radius:15px;padding:2.5rem;max-width:1000px;margin:0 auto;box-shadow:0 2px 10px #0000001a}.misi-card .section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#40bfe1!important}.misi-list{list-style-position:inside;padding-left:1.5rem}text{font-size:1rem;color:#555;line-height:1.8;text-align:justify}.bagan-desa-section{padding:3rem 2rem;background-color:#f9f9f9}.main-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.bagan-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.bagan-item{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.bagan-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.bagan-item h3{background-color:#40bfe1;color:#fff;padding:1rem;font-size:1.1rem;text-align:center}.bagan-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.peta-lokasi-section{padding:3rem 2rem;background-color:#f9f9f9}.peta-lokasi-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;align-items:start}.peta-info{display:flex;flex-direction:column;gap:1.5rem}.info-box{background:white;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.info-box h3{color:#40bfe1;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #40BFE1;padding-bottom:.5rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{padding:1rem;background-color:#f5f0e8;border-radius:8px;text-align:center}.info-item strong{display:block;color:#40bfe1;margin-bottom:.5rem;font-size:.95rem}.info-item p{font-size:.9rem;color:#555;line-height:1.5}.info-value{font-size:1.3rem;font-weight:700;color:#40bfe1}.peta-map{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 15px #0000001a}.map-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.bagan-container,.peta-lokasi-container,.info-grid{grid-template-columns:1fr}.main-title{font-size:1.8rem}.visi-card,.misi-card{padding:1.5rem}.visi-card .section-title,.misi-card .section-title{font-size:1.5rem}}@media (max-width: 1200px){.bagan-container{grid-template-columns:repeat(2,1fr)}}