*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.container{width:90%;max-width:1100px;margin:0 auto}.topbar{color:#f1c40f;z-index:2000;background-color:#0b2d57;padding:10px 0;font-size:11px;position:sticky;top:0}.topbar-flex{justify-content:space-between;align-items:center;width:90%;max-width:1100px;margin:0 auto;display:flex}.topbar-social{gap:15px;display:flex}.topbar-social a{color:#f1c40f;text-decoration:none;transition:all .3s}.topbar-social a:hover{color:#fff}.topbar-info{gap:20px;display:flex}.topbar-info a{color:#f1c40f;align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:all .3s;display:flex}.topbar-info a:hover{color:#fff}.navbar{z-index:1000;background-color:#fff;padding:.8% 0;position:sticky;top:37px;box-shadow:0 4px 14px #0000001e}.nav-flex{justify-content:space-between;align-items:center;width:90%;max-width:1100px;margin:0 auto;display:flex}.logo{color:#0b2d57;align-items:center;gap:13px;font-weight:700;line-height:1.2;display:flex}.logo img{width:auto;height:48px}.menu{gap:23px;margin:0;padding:0;list-style:none;display:flex}.menu li a,#menu-pengaduan{color:#0b2d57;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu li a:hover{color:#f1c40f}.dropdown{position:relative}.dropdown-menu{pointer-events:auto;z-index:1001;background:#fff;border-radius:0 0 8px 8px;min-width:150px;padding:10px 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #00000026}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li a{padding:10px 20px;color:#333!important;font-size:13px!important;font-weight:500!important}.dropdown-menu li a:hover{background-color:#f8f9fa;color:#0b2d57!important}.menu-toggle{color:#0b2d57;cursor:pointer;font-size:16px;transition:all .3s;display:none}.menu-toggle:hover{color:#f1c40f}.slider-container{border-radius:15px;width:90%;max-width:1100px;margin:30px auto;line-height:0;animation:1s ease-out forwards slideInDown;position:relative;overflow:hidden}.slider-wrapper{will-change:transform;width:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);display:flex}.slide{flex-shrink:0;width:100%;min-width:100%;position:relative}.slide img{width:100%;height:auto;display:block}.nav-arrow{z-index:10;color:#ffffffa2;cursor:pointer;text-shadow:0 0 15px #0009;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:#f1c40f;transform:translateY(-50%)scale(1.1)}.arrow-left{left:20px}.arrow-right{right:20px}.headline-overlay{text-align:center;color:#fff;background:linear-gradient(#0b2d5733,#0b2d5780);flex-direction:column;justify-content:center;align-items:center;padding:0 10%;display:flex;position:absolute;inset:0}.headline-text{color:#f1c40f;text-shadow:2px 4px 15px #00000054;max-width:800px;font-size:32px;font-weight:690;line-height:1.2}.services-section{justify-content:center;width:100%;padding:35px 0;display:flex}.services-wrapper{width:90%;max-width:1100px;margin:0 auto;padding:0 5px}.services-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.card{text-align:center;view-timeline-name:--scroll-reveal;view-timeline-axis:block;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:25px;transition:transform .6s;animation:linear forwards scrollReveal;animation-timeline:--scroll-reveal;animation-range:entry cover 30%;transform:translateY(100px);box-shadow:0 3px 15px #00000018}.icon{color:#fff;background:#0b2d57;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;font-size:22px;display:flex}.card h3{color:#0b2d57;margin-bottom:5px;font-size:18px;font-weight:700}.card p{color:#666;margin-bottom:15px;font-size:13px;line-height:1.4}.btn{color:#0b2d57;cursor:pointer;background:#f1c40f;border:none;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 2px 5px #0000001a}.btn:hover{color:#f1c40f;background:#0b2d57}.announcement-bar{background-color:#e9f0f8;align-items:center;width:90%;max-width:1090px;height:35px;margin:15px auto 0;display:flex;overflow:hidden}.announcement-label{color:#f1c40f;text-transform:uppercase;clip-path:polygon(0 0,90% 0,100% 100%,0% 100%);z-index:2;background-color:#0b2d57;align-items:center;min-width:150px;height:100%;padding:0 20px;font-size:13px;font-weight:700;display:flex;position:relative}.announcement-content{color:#0b2d57;white-space:nowrap;flex:1;padding-left:10px;font-size:14px;overflow:hidden}.latest-news-section{background-color:#fff;padding:40px 0 60px}.news-slider-wrapper{width:95%;max-width:1900px;margin:0 auto;position:relative}.news-viewport{width:100%;overflow:hidden}.news-track{will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.news-item-link{flex-shrink:0;min-width:0%;padding:0 10px;text-decoration:none;display:block}.news-card-v2{view-timeline-name:--news-reveal;view-timeline-axis:block;background-color:#000;border-radius:0;height:350px;animation:linear forwards scrollReveal;animation-timeline:--news-reveal;animation-range:entry cover 25%;position:relative;overflow:hidden;transform:translateY(60px)}.news-thumb{width:100%;height:100%}.news-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.news-card-v2:hover .news-thumb img{transform:scale(1.08)}.news-card-v2:hover .news-title-v2{color:#f1c40f}.news-content-v2{text-align:left;background:linear-gradient(#0000 0%,#0000004d 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.badge-berita{color:#fff;background-color:#ff4500;border-radius:10px;width:fit-content;margin-bottom:11px;padding:3px 12px;font-size:12px;font-weight:600}.news-title-v2{color:#fff;text-transform:uppercase;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:5px;font-size:18px;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.news-date-v2{color:#fff;opacity:.8;border-top:1px solid #fff3;padding-top:8px;font-size:12px}.slide-arrow{cursor:pointer;z-index:1000;color:#f1c40f;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow:first-of-type{left:-30px}.slide-arrow:last-of-type{right:-30px}.slide-arrow:hover{color:#0b2d57;transform:translateY(-50%)scale(1.1)}.wbp-info-section{text-align:center;background-color:#fff;margin-top:-30px;padding:30px 0}.container-wbp{width:90%;max-width:1100px;margin:0 auto}.wbp-header-text h2{color:#0b2d57;margin-bottom:2px;font-size:28px;font-weight:700}.wbp-header-text p{color:#063166;text-transform:uppercase;margin-bottom:35px;font-size:15px;font-weight:620}.wbp-stats-grid{justify-content:center;gap:25px;margin-bottom:45px;display:flex}.wbp-stat-card{color:#fff;view-timeline-name:--stat-reveal;view-timeline-axis:block;background-color:#0b2d57;border-radius:15px;width:220px;padding:30px;transition:transform .6s;animation:linear forwards scrollReveal;animation-timeline:--stat-reveal;animation-range:entry cover 20%;transform:translateY(50px);box-shadow:0 10px 20px #0000001a}.stat-number{color:#f1c40f;margin-bottom:10px;font-size:80px;font-weight:700;line-height:1}.stat-label{letter-spacing:1px;font-size:15px;font-weight:550}.main-footer{color:#fff;background:linear-gradient(#036 0%,#001f3f 100%);padding:40px 20px;font-family:sans-serif}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.footer-col{flex:1;min-width:200px}.footer-logo img{width:120px;margin-bottom:15px}.footer-info p{margin:0;font-size:14px;line-height:1.5}.footer-col h4{border-bottom:2px solid #fc0;margin-bottom:20px;padding-bottom:5px;font-size:16px;display:inline-block}.footer-col ul{padding:1px;list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#fff;font-size:14px;text-decoration:none}.footer-col ul li a:hover{color:#f1c40f;text-decoration:underline}.footer-map-container{border-radius:0;overflow:hidden}@keyframes slideInDown{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes scrollReveal{0%{transform:translateY(100px)}to{transform:translateY(0)}}
@media (max-width:768px){.topbar-flex{overflow:hidden;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:5px!important;padding:0 10px!important;display:flex!important}.topbar-social{flex-shrink:0;gap:6px!important;display:flex!important}.topbar-social a{font-size:10px!important}.topbar-info{scrollbar-width:none;padding-left:10px;white-space:nowrap!important;flex-flow:row!important;gap:10px!important;display:flex!important;overflow-x:auto!important}.topbar-info a{color:#f1c40f;flex-shrink:0;text-decoration:none;white-space:nowrap!important;align-items:center!important;gap:4px!important;font-size:9px!important;display:flex!important}.topbar-info::-webkit-scrollbar{display:none}.navbar{z-index:1000;background-color:#fff;padding:8px 0;position:sticky;top:31px;box-shadow:0 4px 9px #00000021}.logo{color:#0b2d57;align-items:center;gap:9px;font-weight:700;display:flex}.logo img{width:auto;height:32px}.menu-toggle{cursor:pointer;color:#0b2d57;font-size:22px;display:block!important}.menu{display:none!important}.mobile-menu-overlay{z-index:10000;background:#001f3fb3;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding-top:60px;display:flex;position:fixed;top:0;left:0}.mobile-menu-modal{background:#fff;border-radius:12px;width:90%;max-width:380px;padding:15px 20px;animation:.3s ease-out slideDown;box-shadow:0 15px 30px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{text-align:right;margin-bottom:5px}.close-icon{color:#333;cursor:pointer;font-size:24px}.mobile-menu-list,.mobile-menu-list ul{margin:0;padding:0;list-style:none!important}.mobile-menu-list li{border-bottom:1px solid #eee;list-style-type:none!important}.mobile-menu-list li a{color:#0b2d57;padding:15px 5px;font-size:17px;font-weight:600;text-decoration:none;transition:background-color .2s;display:block}.mobile-menu-list li a:active{color:#007bff;background-color:#f0f4f8}.slider-container{scrollbar-width:none;line-height:0;animation:1s ease-out forwards slideInDown;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;border-radius:0!important;width:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;display:flex!important;overflow:auto hidden!important}.slider-container::-webkit-scrollbar{display:none}.slide{position:relative;scroll-snap-align:start!important;scroll-snap-stop:always!important;flex:0 0 100%!important;width:100%!important}.slide img{display:block;object-fit:contain!important;width:101%!important;height:auto!important}.headline-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 10%;display:flex;position:absolute;inset:0;background:#0b2d5733!important}.headline-text{max-width:100%;padding:0 5px;font-weight:700;font-size:17px!important;line-height:1.2!important}.nav-arrow{display:none!important}.services-section{padding:20px 0!important}.services-wrapper{width:92%!important}.services-grid{grid-template-columns:1fr!important;gap:15px!important}.card{view-timeline-name:--scroll-reveal;view-timeline-axis:block;animation:linear forwards scrollReveal;animation-timeline:--scroll-reveal;animation-range:entry 5% cover 25%;transform:none;border-radius:12px!important;padding:20px!important;box-shadow:0 4px 12px #00000014!important}.announcement-bar{background:#e9f0f8!important;border:none!important;border-radius:0!important;align-items:center!important;width:88%!important;max-width:none!important;height:30px!important;margin:10px auto!important;display:flex!important;overflow:hidden!important}.announcement-label{z-index:2;color:#f1c40f!important;clip-path:polygon(0 0,90% 0,100% 100%,0% 100%)!important;background:#0b2d57!important;justify-content:center!important;align-items:center!important;min-width:100px!important;height:100%!important;padding:0 15px!important;font-size:10px!important;font-weight:700!important;display:flex!important}.announcement-content{color:#0b2d57!important;white-space:nowrap!important;flex:1!important;padding-left:8px!important;font-size:11px!important;overflow:hidden!important}.latest-news-section{overflow:hidden;width:100%!important;padding:20px 0!important}.news-viewport{scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;width:100%!important;padding:0 15px!important;display:block!important;overflow:auto hidden!important}.news-viewport::-webkit-scrollbar{display:none}.news-track{gap:18px!important;width:max-content!important;display:flex!important;transform:none!important}.news-item-link{scroll-snap-align:center!important;scroll-snap-stop:always!important;flex:0 0 82vw!important;width:82vw!important;display:block!important}.news-card-v2{view-timeline-name:--news-reveal;view-timeline-axis:block;animation:linear forwards scrollReveal;animation-timeline:--news-reveal;animation-range:entry 5% cover 25%;transform:none;border-radius:0!important;height:300px!important;overflow:hidden!important}.news-thumb{width:100%!important;height:100%!important}.news-thumb img{object-fit:cover!important;width:100%!important;height:100%!important}.news-content-v2{background:linear-gradient(#0000 0%,#00000080 50%,#000 100%)!important;padding:25px 15px!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.badge-berita{color:#fff!important;background:#ff4500!important;border-radius:50px!important;margin-bottom:12px!important;padding:4px 12px!important;font-size:10px!important}.news-title-v2{color:#fff;font-size:16px!important;font-weight:700!important;line-height:1.3!important}.news-date-v2{color:#ddd!important;font-size:11px!important}.slide-arrow{display:none!important}.wbp-info-section{padding:60px 0!important}.container-wbp{padding:0 2px!important}.wbp-stats-grid{gap:15px!important;padding:0 50px!important;display:flex!important}.wbp-stat-card{view-timeline-name:--stat-reveal;view-timeline-axis:block;animation:linear forwards scrollReveal;animation-timeline:--stat-reveal;animation-range:entry 5% cover 20%;transform:none;flex:1!important;padding:18px 31px!important}.stat-number{font-size:50px!important}.main-footer{padding:40px 20px!important}.footer-grid{text-align:left!important;flex-direction:column!important;gap:30px!important;display:flex!important}.footer-col{align-items:flex-start!important;min-width:100%!important}.footer-logo img{margin-left:0!important}.footer-map-container iframe{width:70%!important;height:200px!important}@keyframes slideInDown{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes scrollReveal{0%{transform:translateY(50px)}to{transform:translateY(0)}}}