:root{--bg-dark: #04060b;--bg-darker: #020305;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--text-main: #cbd5e1;--text-muted: #94a3b8;--text-heading: #ffffff;--gold: #fbbf24;--gold-glow: rgba(251, 191, 36, .5);--cyan: #06b6d4;--cyan-glow: rgba(6, 182, 212, .5);--transition: all .3s ease}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-overflow-scrolling:touch}img,video{max-width:100%;height:auto;display:block;backface-visibility:hidden;transform:translateZ(0)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-heading);font-weight:700}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.text-gold{color:var(--gold)}.text-cyan{color:var(--cyan)}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.section-padding{padding:100px 0 0}.section-title{font-size:2.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-flex;align-items:center;gap:15px;background:linear-gradient(90deg,#ffffff 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60%;height:3px;background:linear-gradient(90deg,var(--cyan),transparent)}.main-content .section-title{font-size:1.8rem;letter-spacing:1px;margin-bottom:35px;display:flex}.header-v4-premium{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#04060b;font-family:Inter,sans-serif}.header-v4-premium .lapis-1-branding,.header-v4-premium .lapis-2-info,.header-v4-premium .lapis-3-nav,.header-v4-premium .lapis-4-marquee{display:block!important;width:100%!important;clear:both!important;position:relative!important}.lapis-1-branding{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.branding-flex{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo-v4{height:60px;width:auto;filter:drop-shadow(0 0 8px rgba(6,182,212,.5));transition:var(--transition);cursor:pointer}.logo-v4:hover{filter:drop-shadow(0 0 15px rgba(6,182,212,.8));transform:scale(1.08)}.title-v4{text-align:center}.title-v4 h1{color:#fff;font-size:1.3rem;margin:0;line-height:1.2;font-family:Outfit,sans-serif;font-weight:800}.title-v4 span{color:var(--cyan);font-size:.9rem;font-weight:400}.lapis-2-info{background:#0f172a;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-flex{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;font-size:.8rem}.info-left{display:flex;gap:20px;color:#fff}.info-left i{color:var(--gold)}.info-right{display:flex;align-items:center;gap:15px}.v4-date{color:var(--cyan);font-weight:700}.v4-login-btn{background:var(--cyan);color:#000!important;padding:4px 12px;border-radius:4px;font-weight:800;text-transform:uppercase}.lapis-3-nav{background:#0f172ae6;backdrop-filter:blur(10px);position:relative;z-index:10}.nav-v4-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav-v4-list>li{position:relative}.nav-v4-list>li>a{display:inline-block;padding:12px 18px;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;transition:.3s}.nav-v4-list>li>a:hover{color:var(--cyan);background:#ffffff0d}.header-v4-premium .nav-v4-list li .v4-dropdown-menu{position:absolute;top:100%!important;left:0;background:#1e293b!important;min-width:250px;display:none!important;padding:10px 0!important;list-style:none!important;box-shadow:0 10px 20px #00000080;z-index:99999!important}.header-v4-premium .nav-v4-list li:hover .v4-dropdown-menu{display:flex!important;flex-direction:column!important}.header-v4-premium .v4-dropdown-menu li{display:block!important;width:100%!important}.header-v4-premium .v4-dropdown-menu li a{display:block!important;padding:12px 25px!important}.v4-dropdown-menu li a:hover{background:var(--cyan)!important;color:#000!important;padding-left:30px!important}.lapis-4-marquee{background:#020617;background:linear-gradient(90deg,#020617,#0c4a6e,#020617);padding:10px 0;color:#fff;font-weight:600;font-size:.85rem;border-bottom:2px solid var(--gold);overflow:hidden}.lapis-4-marquee .container{overflow:hidden;white-space:nowrap}.v4-marquee-inner{display:inline-block;padding-left:100%;animation:v4-marquee-scroll 35s linear infinite}.v4-marquee-inner:hover{animation-play-state:paused}@keyframes v4-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.header-v4-premium.scrolled .lapis-1-branding,.header-v4-premium.scrolled .lapis-2-info,.header-v4-premium.scrolled .lapis-4-marquee{display:none!important}.header-v4-premium.scrolled{background:#04060bfa;box-shadow:0 5px 20px #00000080}.hero-section{margin-top:280px;position:relative;overflow:hidden}@media (max-width: 992px){.hero-section{margin-top:150px}}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-item img{height:50px;filter:drop-shadow(0 0 8px rgba(255,255,255,.2));transition:var(--transition)}.header.scrolled .logo-item img{height:40px}.dual-logo{display:flex;align-items:center;gap:15px}.logo-divider{width:1px;height:40px;background:#ffffff1a}.brand-info{display:flex;flex-direction:column;justify-content:center}.brand-top{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;color:var(--cyan);letter-spacing:1px;line-height:1}.brand-sub{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:4px}.navbar ul{display:flex;gap:25px;align-items:center}.navbar a{font-size:.9rem;font-weight:500;padding:5px 0;position:relative;display:flex;align-items:center;gap:6px}.navbar a i{font-size:1.1rem;opacity:.8}.navbar a:hover,.navbar a.active{color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.navbar .dropdown{position:relative}.navbar .dropdown>a:after{content:"";font-family:boxicons;margin-left:5px;font-size:.8rem}.navbar .dropdown-menu{position:absolute;top:150%;left:0;background:#0f172af2;backdrop-filter:blur(10px);border:1px solid var(--glass-border);min-width:240px;border-radius:12px;padding:10px 0;opacity:0;visibility:hidden;transition:var(--transition);transform:translateY(10px);box-shadow:0 10px 30px #000c}.navbar .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);top:100%}.navbar .dropdown-menu li{padding:0 15px}.navbar .dropdown .dropdown-menu a:hover{background:#06b6d41a;color:var(--cyan)}.mobile-toggle{display:none;font-size:1.8rem;color:var(--text-heading);cursor:pointer}.hero-section{height:100vh;width:100%;position:relative;overflow:hidden}.hero-swiper{width:100%;height:100%}.swiper-slide .hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#04060b4d,#04060be6);z-index:10}.swiper-premium{color:var(--cyan)!important;background:#0f172a66;backdrop-filter:blur(8px);width:50px!important;height:50px!important;border-radius:50%;border:1px solid var(--glass-border);transition:var(--transition)}.swiper-premium:hover{background:var(--cyan);color:var(--bg-dark)!important;box-shadow:0 0 15px var(--cyan)}.sambutan-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.sambutan-text{padding-right:20px}.sambutan-text p{margin-bottom:20px;text-align:justify}.pejabat-utama{margin-top:30px;padding:25px;border-left:4px solid var(--gold);transition:var(--transition)}.pejabat-utama:hover{box-shadow:inset 500px 0 #fbbf240d;border-color:var(--cyan)}.pejabat-utama h4{font-size:1.2rem;color:var(--gold)}.pejabat-utama p{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px}.struktur-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.struktur-card{padding:25px;transition:var(--transition);position:relative;overflow:hidden}.struktur-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.struktur-card:hover:before{left:100%}.struktur-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080,0 0 15px var(--cyan-glow);border-color:#06b6d44d}.struktur-card i{font-size:2.5rem;color:var(--cyan);margin-bottom:15px;display:inline-block}.struktur-card h4{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.struktur-card p{font-size:1.1rem;color:#fff;font-weight:600;margin-bottom:15px}.struktur-card hr{border-color:#ffffff1a;margin:15px 0}.list-kasubid p{font-size:.95rem;font-weight:400;margin-bottom:5px;color:var(--text-main)}.grid-layout{display:grid;gap:25px}.grid-4{grid-template-columns:repeat(4,1fr)}.service-app-card{padding:30px 20px;text-align:center;transition:var(--transition)}.service-app-card i{font-size:2.5rem;color:var(--cyan);margin-bottom:15px;display:inline-block}.service-app-card h4{font-size:1rem;margin-bottom:10px;color:#fff}.service-app-card p{font-size:.8rem;color:var(--text-muted)}.service-app-card:hover{transform:translateY(-10px);border-color:var(--cyan);background:#06b6d40d;box-shadow:0 10px 30px #00000080,0 0 15px var(--cyan-glow)}.counter-wrap{background:url(https://bkad.konaweutarakab.go.id/bkad/uploads/heros/bkadbg1.png) center/cover fixed;position:relative;padding:80px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.counter-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#04060bd9}.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:2;text-align:center}.counter-item i{font-size:3rem;color:var(--gold);margin-bottom:15px}.counter-item .num{font-size:4rem;font-family:Outfit;font-weight:800;color:#fff;line-height:1;text-shadow:0 0 20px var(--cyan-glow)}.counter-item .label{font-size:1.1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:10px}.pengumuman-box{padding:40px;border-left:5px solid var(--cyan);box-shadow:inset 0 0 50px #06b6d40d;position:relative}.pengumuman-box h2{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);margin-bottom:20px}.pengumuman-box .lead-text{color:var(--gold);font-style:italic;margin-bottom:25px;display:inline-block}.pengumuman-content{text-align:justify;font-size:.95rem;margin-bottom:30px}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin:30px 0}.link-item{background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:5px;transition:var(--transition)}.link-item:hover{border-color:var(--gold);transform:scale(1.02);background:#fbbf240d}.link-item span{color:var(--text-muted);font-size:.85rem}.link-item a{color:var(--cyan);font-weight:600;word-break:break-all}.pengumuman-ttd{text-align:center;margin-top:40px;padding-top:20px;border-top:1px dashed var(--glass-border)}.profil-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.profil-img-wrapper{position:relative}.profil-img{width:100%;border-radius:20px;filter:drop-shadow(0 0 25px var(--cyan-glow));border:2px solid rgba(6,182,212,.3)}.profil-img-wrapper:after{content:"";position:absolute;inset:-15px;border:2px dashed var(--gold);border-radius:25px;z-index:-1;opacity:.5;animation:rotate 20s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.profil-text p{margin-bottom:15px;text-align:justify;font-size:.95rem}.cta-btn-modern{display:inline-block;padding:12px 30px;background:transparent;border:2px solid var(--cyan);color:var(--cyan);border-radius:50px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;transition:var(--transition)}.cta-btn-modern:hover{background:var(--cyan);color:var(--bg-dark);box-shadow:0 0 15px var(--cyan)}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.cta-card{padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:var(--transition)}.cta-card:hover{transform:translateY(-10px)}.cta-card:nth-child(1):hover{box-shadow:0 10px 30px #06b6d433;border-color:var(--cyan)}.cta-card:nth-child(2):hover{box-shadow:0 10px 30px #fbbf2433;border-color:var(--gold)}.cta-card:nth-child(3):hover{box-shadow:0 10px 30px #ffffff1a;border-color:#fff}.cta-card h5{font-size:1.2rem;margin-bottom:20px;min-height:50px;display:flex;align-items:center;justify-content:center}.cta-btn{padding:10px 25px;border-radius:30px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;background:transparent;border:2px solid;transition:var(--transition)}.cta-card:nth-child(1) .cta-btn{border-color:var(--cyan);color:var(--cyan)}.cta-card:nth-child(1) .cta-btn:hover{background:var(--cyan);color:var(--bg-dark);box-shadow:0 0 15px var(--cyan)}.cta-card:nth-child(2) .cta-btn{border-color:var(--gold);color:var(--gold)}.cta-card:nth-child(2) .cta-btn:hover{background:var(--gold);color:var(--bg-dark);box-shadow:0 0 15px var(--gold)}.cta-card:nth-child(3) .cta-btn{border-color:#fff;color:#fff}.cta-card:nth-child(3) .cta-btn:hover{background:#fff;color:var(--bg-dark);box-shadow:0 0 15px #fff}.berita-section{background:var(--bg-darker);overflow:hidden}.news-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.btn-view-all{color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:2px;text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.btn-view-all:hover{color:var(--gold);border-color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.news-main-container{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:stretch}.news-left-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.news-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass-bg)}.news-left-grid .news-img-wrap{height:160px}.news-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.news-card:hover .news-img{transform:scale(1.1)}.news-card:hover{border-color:#06b6d466;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.news-body{padding:20px 15px;flex:1;display:flex;flex-direction:column}.news-title{font-size:.95rem;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-date{display:inline-block;font-size:.75rem;color:var(--cyan);margin-bottom:8px;font-weight:600;letter-spacing:.5px}.news-featured-right{height:100%}.featured-news-card{height:100%;min-height:480px;position:relative;border-radius:0;overflow:hidden;background:var(--bg-dark);transition:all .5s ease}@keyframes news-glow{0%{box-shadow:0 0 10px #06b6d426,inset 0 0 10px #06b6d40d;border-color:#06b6d44d}to{box-shadow:0 0 35px #06b6d459,inset 0 0 20px #06b6d41a;border-color:#06b6d499}}.featured-img-wrap{width:100%;height:100%}.featured-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}@media (max-width: 1200px){.news-main-container{grid-template-columns:1.2fr 1fr}}@media (max-width: 992px){.news-main-container{grid-template-columns:1fr}.news-featured-right{order:-1}.featured-news-card{min-height:350px}}@media (max-width: 576px){.news-left-grid{grid-template-columns:1fr}}.galeri-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.galeri-item{display:flex;gap:20px;padding:15px;align-items:center;transition:var(--transition)}.galeri-item:hover{background:#ffffff05;border-color:#ffffff1a}.galeri-thumb{width:180px;height:120px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative}.galeri-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.galeri-item:hover .galeri-thumb img{transform:scale(1.05);filter:brightness(.8)}.galeri-info h4{font-size:1.1rem;margin-bottom:5px;line-height:1.3}.galeri-info span{font-size:.8rem;color:var(--cyan);display:inline-block;margin-bottom:10px;font-weight:600}.galeri-info p{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery-item-premium{position:relative;border-radius:20px;overflow:hidden;transition:var(--transition);border:1px solid var(--glass-border)}.gallery-thumb{width:100%;aspect-ratio:4/3;overflow:hidden}.gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.4,0,.2,1)}.gallery-info-box{padding:20px;background:linear-gradient(to top,rgba(4,6,11,.9),transparent);position:absolute;bottom:0;left:0;width:100%;transition:var(--transition)}.gallery-date-badge{display:inline-block;padding:4px 10px;background:var(--cyan);color:var(--bg-dark);font-size:.7rem;font-weight:800;border-radius:4px;margin-bottom:8px;text-transform:uppercase}.gallery-info-box h4{color:#fff;font-size:1.1rem;line-height:1.3}.gallery-item-premium:hover{transform:translateY(-10px);border-color:var(--cyan);box-shadow:0 15px 35px #0009,0 0 15px var(--cyan-glow)}.gallery-item-premium:hover .gallery-thumb img{transform:scale(1.1) rotate(2deg)}@media (max-width: 992px){.gallery-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid-v2{grid-template-columns:1fr}}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;background:#00000080;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:.3s}.galeri-item:hover .video-play-btn{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px var(--cyan);color:var(--bg-dark)}.btn-outline{display:inline-block;padding:10px 25px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-main);border-radius:30px;font-size:.9rem;font-weight:500;transition:var(--transition);text-align:center;margin-top:10px}.btn-outline:hover{background:var(--cyan);color:var(--bg-dark);border-color:var(--cyan);box-shadow:0 0 15px var(--cyan);transform:translateY(-3px)}.hybrid-galeri-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.galeri-column{display:flex;flex-direction:column}.column-header{font-size:1.2rem;margin-bottom:20px;border-left:4px solid var(--cyan);padding-left:15px;color:var(--text-heading)}.large-galeri-card{height:400px;border-radius:24px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent}.large-galeri-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px #06b6d466;border-color:#06b6d499}.large-galeri-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.large-galeri-card:hover img{transform:scale(1.1);filter:brightness(1.1)}.galeri-overlay{position:absolute;bottom:0;left:0;width:100%;padding:40px 30px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:2}.galeri-overlay p{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:10px}.icon-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--cyan);color:var(--bg-dark);border-radius:50%;font-size:1.5rem}.play-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#06b6d4cc;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:3rem;z-index:5;transition:.3s}.play-trigger:hover{background:var(--cyan);transform:translate(-50%,-50%) scale(1.1)}.video-highlight-section{margin-top:80px;margin-bottom:80px;max-width:100%;width:100%;position:relative;padding:0}.video-frame-premium{width:100%;border-radius:0;overflow:hidden;position:relative;border-top:1px solid rgba(6,182,212,.8);border-bottom:1px solid rgba(6,182,212,.8);border-left:none;border-right:none;background:#000;box-shadow:0 0 40px #06b6d44d;transition:all .5s ease}.video-frame-premium:hover{box-shadow:0 0 60px #06b6d480;border-color:var(--cyan)}.video-content{width:100%;height:auto;display:inline-block;aspect-ratio:21 / 9;object-fit:cover}@media (max-width: 1150px){.video-highlight-section{max-width:100%}}@media (max-width: 768px){.video-highlight-section{margin-bottom:50px}.video-frame-premium{border-radius:0;-webkit-box-reflect:none}.video-content{aspect-ratio:16 / 9}}.leaderSwiper{padding:40px 10px 80px!important;overflow:hidden!important}.leader-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;height:100%;max-width:220px;margin:0 auto;display:flex;flex-direction:column}.leader-img-container{width:100%;aspect-ratio:4/5;overflow:hidden;position:relative;flex-shrink:0}.leader-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.leader-info{padding:12px 8px;background:linear-gradient(to top,#0f172af2,#0f172acc);flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.leader-info h4{font-size:.85rem;color:#fff;margin:0;font-weight:700;line-height:1.3}.leader-info span{color:var(--cyan);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;min-height:32px;display:flex;align-items:center;justify-content:center}.leader-card-main{transform:scale(1.08)!important;border-color:var(--cyan)!important;box-shadow:0 5px 25px #06b6d440,0 0 15px #06b6d41a!important;z-index:10!important;background:#06b6d40d!important}.swiper-slide-active .leader-card:not(.leader-card-main),.swiper-slide-next .leader-card:not(.leader-card-main),.swiper-slide-prev .leader-card:not(.leader-card-main){transform:scale(1)!important;border-color:var(--glass-border)!important;box-shadow:none!important}.leader-card-main .leader-info{background:linear-gradient(to top,rgba(6,182,212,.3),transparent)}.leader-card:hover{transform:translateY(-8px);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow);z-index:15}.leader-card:hover img{transform:scale(1.1)}.swiper-premium{color:var(--cyan)!important;background:#0f172a80;width:50px!important;height:50px!important;border-radius:50%;border:1px solid rgba(6,182,212,.3);backdrop-filter:blur(10px);transition:var(--transition)}.swiper-premium:after{font-size:1.2rem!important;font-weight:900}.swiper-premium:hover{background:var(--cyan);color:#fff!important;box-shadow:0 0 20px var(--cyan-glow)}.footer{background:#020305;border-top:1px solid var(--glass-border);padding:80px 0 0;position:relative;overflow:hidden}.footer-grid-modern{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:60px}.footer-brand h3{font-family:Outfit,sans-serif;font-size:1.5rem;color:#fff;margin-bottom:20px;letter-spacing:1px}.footer-brand p{color:#94a3b8;line-height:1.6;font-size:.95rem;display:flex;align-items:flex-start;gap:12px}.footer-brand p i{color:var(--cyan);font-size:1.2rem;margin-top:3px}.footer-brand .footer-contact-list{margin-top:25px}.footer-column h4{color:#fff;font-size:1.1rem;margin-bottom:25px;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--cyan)}.footer-links-list{list-style:none}.footer-links-list li{margin-bottom:12px}.footer-links-list a{color:#94a3b8;text-decoration:none;transition:var(--transition);font-size:.9rem;display:flex;align-items:center;gap:8px}.footer-links-list a i{color:var(--cyan);font-size:1.1rem}.footer-links-list a:hover{color:var(--cyan);transform:translate(5px)}.footer-contact-list{list-style:none}.footer-contact-list li{display:flex;gap:15px;margin-bottom:20px;color:#94a3b8;font-size:.95rem;line-height:1.5}.footer-contact-list i{color:var(--cyan);font-size:1.3rem;margin-top:3px}.footer-social-premium{display:flex;gap:15px;margin-top:10px}.social-item{width:45px;height:45px;border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#ffffff08}.social-item:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 10px 20px #0000004d}.social-item.fb:hover{background:#1877f2;box-shadow:0 0 20px #1877f266}.social-item.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 0 20px #dc274366}.social-item.tw:hover{background:#1da1f2;box-shadow:0 0 20px #1da1f266}.social-item.yt:hover{background:red;box-shadow:0 0 20px #f006}.footer-bottom{border-top:1px solid var(--glass-border);padding:25px 0;background:#0000004d;margin-top:20px}.footer-bottom .container{display:flex;justify-content:center;align-items:center}.footer-bottom p{color:#64748b;font-size:.85rem}.footer-bottom .credits a{color:var(--cyan);text-decoration:none;font-weight:600}@media (max-width: 991px){.footer-grid-modern{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.footer-grid-modern{grid-template-columns:1fr}.footer-bottom .container{flex-direction:column;gap:10px;text-align:center}}.footer-bottom a{color:var(--cyan)}.footer-grid-modern{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:50px;padding-bottom:40px;border-bottom:1px solid var(--glass-border)}.footer-brand h3{color:var(--gold);margin-bottom:15px}.footer-contact-info{display:flex;flex-direction:column;gap:15px}.c-item{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.c-item i{color:var(--cyan);font-size:1.2rem}.footer-social-simple{display:flex;gap:20px;justify-content:flex-end}.footer-social-simple a{font-size:2rem;color:var(--text-muted)}.footer-social-simple a:hover{color:#fff}.footer-copyright{padding-top:30px;text-align:center;font-size:.85rem;color:var(--text-muted)}.wa-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px}.wa-label{background:#000000bf;backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid var(--glass-border);box-shadow:0 4px 15px #0000004d}.floating-wa{background:linear-gradient(135deg,#25d366,#128c7e);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 20px #25d36666;border:2px solid rgba(255,255,255,.2);animation:bounce-wa 2.5s infinite;transition:.3s}.floating-wa i{color:#fff;font-size:2rem}.floating-wa:hover{transform:scale(1.1);animation-play-state:paused;box-shadow:0 10px 30px #25d36699}@keyframes bounce-wa{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.subpage-hero{padding:280px 0 40px;background:var(--bg-darker);border-bottom:1px solid var(--glass-border);position:relative}.subpage-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(6,182,212,.05),transparent);pointer-events:none}.breadcrumbs-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.breadcrumbs-title{font-size:1.8rem;color:#fff;margin:0}.breadcrumbs{display:flex;gap:10px;list-style:none;font-size:.85rem;color:var(--text-muted)}.breadcrumbs li i{font-size:.8rem;margin-top:4px}.breadcrumbs a:hover{color:var(--cyan)}.breadcrumbs .active{color:var(--cyan);font-weight:500}.subpage-grid{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.zoom-img-wrap{overflow:hidden;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff05}.zoom-img-wrap img{width:100%;height:auto;display:inline-block;transition:transform .5s ease}.zoom-img-wrap:hover img{transform:scale(1.02)}.sidebar{position:relative;z-index:10}.sidebar-box{padding:30px}.sidebar-title{font-size:1.25rem;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--cyan);display:flex;align-items:center;gap:10px;color:var(--text-heading)}.sidebar-nav li{margin-bottom:10px}.sidebar-nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:10px;background:#ffffff05;border:1px solid transparent;font-size:.95rem;color:var(--text-muted)}.sidebar-nav a:hover,.sidebar-nav a.active{background:#06b6d41a;border-color:#06b6d44d;color:var(--cyan);transform:translate(5px)}.sidebar-nav a i{font-size:1.1rem;opacity:.7}.main-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:50px;backdrop-filter:blur(10px)}.content-title{font-size:2rem;margin-bottom:30px;color:var(--gold);display:flex;align-items:center;gap:15px}.content-text p{margin-bottom:20px;text-align:justify;color:var(--text-main)}@media (max-width: 992px){.navbar ul{position:absolute;top:100%;left:0;width:100%;background:var(--bg-darker);flex-direction:column;gap:0;border-top:1px solid var(--glass-border);display:none;padding:20px 0}.navbar ul.active{display:flex}.navbar a{padding:15px 20px;display:inline-block;width:100%;border-bottom:1px solid rgba(255,255,255,.05)}.navbar .dropdown-menu{position:static;width:100%;box-shadow:none;border:none;border-radius:0;background:#0000004d;display:none;visibility:visible;opacity:1;transform:none;padding:0}.navbar .dropdown.active .dropdown-menu,.mobile-toggle{display:inline-block}.hero-title{font-size:2.5rem}.subpage-grid{grid-template-columns:1fr;gap:40px}.sidebar{position:static;order:2}.main-content{order:1;padding:30px}.sambutan-grid,.profil-grid,.galeri-grid,.hybrid-galeri-grid{grid-template-columns:1fr;gap:30px}.struktur-grid,.counter-grid,.cta-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}@media (max-width: 576px){.struktur-grid,.counter-grid,.cta-grid{grid-template-columns:1fr}.topbar .container{justify-content:center}.topbar-marquee{margin:10px 0;width:100%}}.accessibility-tool{position:fixed;left:20px;bottom:30px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:6px}.a11y-btn{width:45px;height:45px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;backdrop-filter:blur(5px);transition:var(--transition)}.a11y-btn:hover{background:var(--cyan);color:var(--bg-dark);transform:scale(1.1)}.a11y-label{font-size:.65rem;color:#fffc;letter-spacing:.5px;font-weight:500;white-space:nowrap;text-align:center;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gradient-text{background:linear-gradient(135deg,var(--gold) 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.visi-card.glass{margin-bottom:60px;padding:50px!important;border:1px solid rgba(6,182,212,.2);box-shadow:0 20px 50px #00000080,0 0 20px #06b6d41a;position:relative;overflow:hidden;transition:var(--transition)}.visi-card.glass:hover{box-shadow:0 20px 50px #0009,0 0 40px #06b6d433;transform:translateY(-5px)}.visi-card.glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 70%);pointer-events:none}.premium-quote{font-size:1.6rem;font-weight:700;color:#fff;line-height:1.5;font-family:Outfit,sans-serif;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.misi-grid{display:flex;flex-direction:column;gap:25px;margin-top:40px}.misi-item{display:flex;align-items:center;gap:30px;padding:30px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.misi-item:hover{background:#06b6d414;border-color:#06b6d466;transform:scale(1.02) translate(15px);box-shadow:0 10px 30px #0000004d}.misi-num{font-size:3rem;font-family:Outfit,sans-serif;font-weight:900;background:linear-gradient(180deg,var(--cyan) 0%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.5;line-height:1;transition:var(--transition)}.misi-item:hover .misi-num{opacity:1;transform:rotate(-10deg)}.misi-text{color:var(--text-main);font-size:1.1rem;font-weight:500;line-height:1.6}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-icon{animation:float 3s ease-in-out infinite}.section-divider{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:40px 0}.tujuan-grid{display:grid;grid-template-columns:1fr;gap:20px}.tujuan-card{display:flex;align-items:center;gap:30px;padding:30px;background:linear-gradient(90deg,#fbbf240d,#ffffff05);border:1px solid rgba(251,191,36,.2);border-radius:20px;transition:var(--transition)}.tujuan-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d,0 0 20px #fbbf241a}.tujuan-card i{font-size:2.5rem;color:var(--gold)}.sasaran-grid{display:flex;flex-direction:column;gap:15px}.sasaran-item{display:flex;align-items:center;gap:25px;padding:20px 30px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:15px;transition:var(--transition)}.sasaran-item:hover{background:#06b6d40d;border-color:#06b6d44d;transform:translate(10px)}.sasaran-num{font-size:1.8rem;font-weight:800;color:var(--cyan);opacity:.5;min-width:45px}.sasaran-item:hover .sasaran-num{opacity:1;text-shadow:0 0 10px var(--cyan-glow)}.doc-card-inner{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.doc-info{display:flex;align-items:center;gap:15px}.btn-premium-small{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--cyan);color:#000;font-weight:600;font-size:.85rem;border-radius:8px;text-decoration:none;transition:var(--transition)}.btn-premium-small:hover{background:#fff;box-shadow:0 0 15px var(--cyan-glow);transform:translateY(-2px)}.badge-premium{padding:5px 12px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--gold);font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.history-timeline{position:relative;padding-left:50px;border-left:2px dashed rgba(255,255,255,.1);margin:40px 0}.timeline-item{position:relative;margin-bottom:40px;padding:25px;border-radius:15px;transition:var(--transition)}.timeline-item:hover{transform:translate(10px);background:#ffffff0d}.timeline-item:before{content:"";position:absolute;left:-58px;top:30px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.year-badge{display:inline-block;padding:4px 12px;background:var(--gold);color:#000;font-weight:700;border-radius:4px;margin-bottom:10px;font-size:.8rem}.timeline-item h4{color:#fff;margin-bottom:10px;font-family:Outfit,sans-serif}.timeline-item p{font-size:.95rem;color:#bbb;line-height:1.6;margin:0}.service-highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.service-mini-card{padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;transition:var(--transition)}.service-mini-card:hover{transform:translateY(-10px);border-color:var(--cyan)}.service-mini-card i{font-size:2.5rem;color:var(--cyan);text-shadow:0 0 15px var(--cyan-glow)}.service-mini-card span{color:#fff;font-weight:500;font-size:.95rem}@media (max-width: 768px){.service-highlight-grid{grid-template-columns:1fr}}body.high-contrast{background-color:#000!important;color:#fff!important}body.high-contrast .glass{background:#000!important;border:2px solid #fff!important}body.high-contrast .text-muted{color:#fff!important}body.high-contrast a{color:#ff0!important;text-decoration:underline!important}.doc-category-bar{background:linear-gradient(90deg,var(--cyan) 0%,rgba(6,182,212,0) 100%);padding:12px 25px;border-radius:12px;margin:45px 0 25px;display:flex;align-items:center;gap:15px;border-left:5px solid var(--gold);box-shadow:0 10px 30px #0003}.doc-category-bar h5{margin-bottom:0;font-weight:700;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.3);letter-spacing:1px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.doc-grid-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(15px);border-radius:20px;padding:30px 20px;text-align:center;transition:var(--transition);text-decoration:none!important;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;overflow:hidden}.doc-grid-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--gold),var(--cyan));opacity:0;transition:var(--transition)}.doc-grid-card:hover{background:#ffffff0d;border-color:var(--cyan);transform:translateY(-10px);box-shadow:0 15px 40px #0006,0 0 20px #06b6d41a}.doc-grid-card:hover:before{opacity:1}.doc-grid-icon{width:80px;height:80px;background:#06b6d41a;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--transition)}.doc-grid-card:hover .doc-grid-icon{background:var(--cyan);transform:scale(1.1) rotate(5deg)}.doc-grid-icon i{font-size:3rem;color:var(--gold);transition:var(--transition)}.doc-grid-card:hover .doc-grid-icon i{color:var(--bg-dark)}.doc-grid-title{color:#fff;font-weight:700;font-size:1rem;margin-bottom:10px;line-height:1.4;font-family:Outfit,sans-serif}.doc-grid-subtitle{color:var(--text-muted);font-size:.85rem;margin-bottom:20px;flex-grow:1}.doc-grid-action{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--cyan)}.doc-grid-card:hover .doc-grid-action{color:#fff}@media (max-width: 768px){.doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.subpage-grid{display:flex;gap:40px;align-items:flex-start;width:100%}.sidebar{flex:0 0 300px}.main-content{flex:1;min-width:0}@media (max-width: 992px){.subpage-grid{flex-direction:column}.sidebar{flex:none;width:100%;order:2}.main-content{order:1}}.sidebar-box{padding:25px;border-radius:20px;border:1px solid var(--glass-border);margin-bottom:30px}.sidebar-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--gold);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:10px}.side-news-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}.side-news-item a{display:inline-block;color:#fff;font-size:.95rem;margin-bottom:5px;transition:var(--transition)}.side-news-item a:hover{color:var(--cyan)}.side-news-item span{color:var(--text-muted);font-size:.8rem}.news-main-list{display:flex;flex-direction:column;gap:30px}.news-card-premium{display:flex;gap:0;overflow:hidden;border-radius:20px;transition:var(--transition);border:1px solid var(--glass-border)}.news-card-premium:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 10px 40px #0000004d}.news-img-frame{flex:0 0 35%;max-width:35%;overflow:hidden}.news-img-frame img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.news-card-premium:hover .news-img-frame img{transform:scale(1.1)}.news-content-box{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center}.news-meta{display:flex;gap:20px;margin-bottom:15px;font-size:.85rem;color:var(--text-muted)}.news-meta i{color:var(--gold)}.news-title-link{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.3}.news-excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:25px}.news-cta-btn{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;transition:var(--transition)}.news-cta-btn:hover{color:#fff;text-shadow:0 0 10px var(--cyan-glow)}.premium-pagination{display:flex;justify-content:center;gap:15px;margin-top:50px}.page-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:600;transition:var(--transition)}.page-link:hover,.page-link.active{background:var(--cyan);color:var(--bg-dark);border-color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow)}@media (max-width: 768px){.news-card-premium{flex-direction:column}.news-img-frame{flex:none;max-width:100%;height:200px}}.gradient-text-prof{background:linear-gradient(90deg,#fff,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.public-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;margin-bottom:40px}.service-card{padding:25px 20px;text-align:center;border-radius:15px;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.1);background:#0f172a33;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:180px}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #06b6d433;border-color:#06b6d466;background:#0f172a66}.service-icon{font-size:2.2rem;color:var(--cyan);margin-bottom:12px}.service-card h4{font-size:1.1rem;color:#fff;margin-bottom:15px;font-weight:600;line-height:1.4;max-width:90%}@media (max-width: 991px){.public-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.public-services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:20px}}.flex-centered-layout{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.flex-centered-layout>*{flex:0 1 calc(25% - 18.75px);min-width:250px}@media (max-width: 992px){.flex-centered-layout>*{flex:0 1 calc(50% - 12.5px)}}@media (max-width: 576px){.flex-centered-layout>*{flex:0 1 100%}}