body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navigation{box-shadow:0 2px 10px #0000001a;left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navigation,.navigation.scrolled{background:linear-gradient(90deg,#0d208c,#480048)}.navigation.scrolled{box-shadow:0 4px 20px #0003;padding:10px 0}.navigation .nav-content{align-items:center;display:flex;justify-content:space-between}.navigation .nav-logo{align-items:center;display:flex;gap:12px;text-decoration:none}.navigation .nav-logo .logo-img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:45px;object-fit:contain;transition:transform .3s ease;width:auto}.navigation .nav-logo .logo-img:hover{transform:scale(1.05)}.navigation .nav-logo h2{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.navigation .nav-links{align-items:center;display:flex;gap:0;list-style:none}.navigation .nav-links .nav-item{position:relative}.navigation .nav-links .nav-item.has-dropdown{padding-bottom:5px}.navigation .nav-links .nav-item.active .nav-link{color:gold;font-weight:600}.navigation .nav-links .nav-item.active .nav-link:after{width:100%}.navigation .nav-links .nav-item.has-dropdown:hover .dropdown-menu{display:block}.navigation .nav-links .nav-item .nav-link{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navigation .nav-links .nav-item .nav-link:after{background:linear-gradient(90deg,gold,orange);bottom:8px;content:"";height:2px;left:20px;position:absolute;transition:width .3s ease;width:0}.navigation .nav-links .nav-item .nav-link:hover{color:gold}.navigation .nav-links .nav-item .nav-link:hover:after{width:calc(100% - 40px)}.navigation .nav-links .nav-item .nav-link.external-link{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;margin-left:10px}.navigation .nav-links .nav-item .nav-link.external-link:hover{background:#fff3;transform:translateY(-2px)}.navigation .nav-links .nav-item .nav-link .dropdown-icon{margin-left:8px;transition:transform .3s ease}.navigation .nav-links .nav-item .nav-link .dropdown-icon.rotated{transform:rotate(180deg)}.navigation .nav-links .nav-item .dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.navigation .nav-links .nav-item .dropdown-trigger:active{transform:scale(.98)}.navigation .nav-links .nav-item .dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;left:0;list-style:none;margin:0;min-width:250px;padding:10px 0;position:absolute;top:100%}.navigation .nav-links .nav-item .dropdown-menu:before{background:#0000;content:"";height:5px;left:0;position:absolute;right:0;top:-5px}.navigation .nav-links .nav-item .dropdown-menu li a,.navigation .nav-links .nav-item .dropdown-menu li button{background:none;border:none;color:#333;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:400;padding:12px 20px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.navigation .nav-links .nav-item .dropdown-menu li a:hover,.navigation .nav-links .nav-item .dropdown-menu li button:hover{background:#f8f9fa;border-left-color:#0d208c;color:#0d208c;padding-left:25px}.navigation .nav-links .nav-item .dropdown-menu li a.active,.navigation .nav-links .nav-item .dropdown-menu li button.active{background:linear-gradient(90deg,#0d208c1a,#4800481a);border-left-color:#0d208c;color:#0d208c;font-weight:600}.navigation .nav-links .nav-item .dropdown-menu li a.external-link,.navigation .nav-links .nav-item .dropdown-menu li button.external-link{position:relative}.navigation .nav-links .nav-item .dropdown-menu li a.external-link:after,.navigation .nav-links .nav-item .dropdown-menu li button.external-link:after{content:"↗";font-size:12px;opacity:.6;position:absolute;right:20px}.navigation .mobile-menu-toggle{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;display:none;font-size:24px;padding:8px;transition:background .3s ease}.navigation .mobile-menu-toggle:hover{background:#ffffff1a}.navigation .mobile-nav{background:linear-gradient(90deg,#0d208c,#480048);border-radius:10px;margin-top:15px;overflow:hidden}.navigation .mobile-nav .mobile-nav-links{list-style:none;margin:0;padding:0}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item{border-bottom:1px solid #ffffff1a}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item:last-child{border-bottom:none}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item a,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;padding:15px 20px;text-align:left;text-decoration:none;transition:background .3s ease;width:100%}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item a:hover,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item button:hover{background:#ffffff1a}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-trigger{align-items:center;display:flex;justify-content:space-between}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-trigger .dropdown-icon{transition:transform .3s ease}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-trigger .dropdown-icon.rotated{transform:rotate(180deg)}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu{background:#0003;list-style:none;margin:0;padding:0}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li a,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:400;padding:12px 40px;text-align:left;width:100%}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li a:hover,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li button:hover{background:#ffffff0d;border-left-color:gold}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li a.mobile-external-link,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li button.mobile-external-link{position:relative}.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li a.mobile-external-link:after,.navigation .mobile-nav .mobile-nav-links .mobile-nav-item .mobile-dropdown-menu li button.mobile-external-link:after{content:"↗";font-size:12px;opacity:.6;position:absolute;right:40px}@media(max-width:1024px){.navigation .nav-links{display:none}.navigation .mobile-menu-toggle{display:block}}@media(max-width:768px){.navigation{padding:10px 0}.navigation.scrolled{padding:8px 0}.navigation .nav-logo{gap:8px}.navigation .nav-logo .logo-img{height:35px}.navigation .nav-logo h2{font-size:24px}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-spinner{height:80px;margin-bottom:20px;position:relative;width:80px}.loading-spinner .spinner-ring{animation:spin 2s linear infinite;border:4px solid #0000;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.loading-spinner .spinner-ring:first-child{animation-delay:0s;border-top-color:#0d208c}.loading-spinner .spinner-ring:nth-child(2){animation-delay:-.5s;border-right-color:#480048;height:70%;left:15%;top:15%;width:70%}.loading-spinner .spinner-ring:nth-child(3){animation-delay:-1s;border-bottom-color:#0d208c;height:40%;left:30%;top:30%;width:40%}.loading-text{color:#0d208c;font-size:18px;font-weight:600;letter-spacing:1px}.footer{background:linear-gradient(135deg,#0d208c,#480048);color:#fffc;font-size:14px;line-height:1.6;margin-top:auto;padding:60px 0 0}.footer .container{margin:0 auto;max-width:1200px;padding:0 20px}.footer .footer-content{grid-gap:40px;border-bottom:1px solid #fff3;display:grid;gap:40px;grid-template-columns:2fr 1fr 1.5fr;padding-bottom:40px}.footer .footer-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;position:relative}.footer .footer-section h3:after{background:linear-gradient(90deg,gold,orange);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer .footer-about .footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.footer .footer-about .footer-logo .logo-img{height:50px;object-fit:contain;width:auto}.footer .footer-about .footer-logo .logo-text{color:gold;font-size:24px;font-weight:700;text-decoration:none}.footer .footer-about .footer-description{color:#fffc;line-height:1.7;margin:0;text-align:justify}.footer .footer-menu ul{list-style:none;margin:0;padding:0}.footer .footer-menu ul li{margin-bottom:12px}.footer .footer-menu ul li a{align-items:center;color:#fffc;display:inline-flex;text-decoration:none;transition:all .3s ease}.footer .footer-menu ul li a:before{color:gold;content:"▶";font-size:8px;margin-right:8px;transition:transform .3s ease}.footer .footer-menu ul li a:hover{color:gold;transform:translateX(5px)}.footer .footer-menu ul li a:hover:before{transform:translateX(3px)}.footer .footer-contact .contact-info .contact-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.footer .footer-contact .contact-info .contact-item .contact-icon{color:gold;flex-shrink:0;font-size:18px;font-weight:700;margin-top:1px}.footer .footer-contact .contact-info .contact-item span{color:#fffc;line-height:1.6}.footer .footer-bottom{align-items:center;display:flex;justify-content:space-between;padding:30px 0}.footer .footer-bottom .footer-copyright p{color:#fffc;font-size:14px;margin:0}.footer .footer-bottom .footer-social{display:flex;gap:15px}.footer .footer-bottom .footer-social a{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fffc;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer .footer-bottom .footer-social a:hover{background:gold;border-color:gold;box-shadow:0 4px 12px #ffd70066;color:#0d208c;transform:translateY(-2px)}.footer .footer-bottom .footer-social a .social-icon{font-size:16px;font-weight:700}@media(max-width:1024px){.footer .footer-content{gap:30px;grid-template-columns:1fr 1fr}.footer .footer-content .footer-about{grid-column:1/-1}}@media(max-width:768px){.footer{padding:40px 0 0}.footer .footer-content{gap:30px;grid-template-columns:1fr}.footer .footer-content .footer-about{grid-column:1;text-align:center}.footer .footer-content .footer-about .footer-logo{justify-content:center}.footer .footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media(max-width:480px){.footer .footer-about .footer-logo{flex-direction:column;gap:8px}.footer .footer-about .footer-logo .logo-img{height:40px}.footer .footer-about .footer-logo .logo-text{font-size:20px}.footer .footer-social{gap:10px}.footer .footer-social a{height:35px;width:35px}.footer .footer-social a .social-icon{font-size:14px}}.slideshow{height:100vh;overflow:hidden;position:relative;width:100%}.slideshow .slideshow-container{height:100%;position:relative;width:100%}.slideshow .slide{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.slideshow .slide .slide-content{max-width:800px;z-index:2}.slideshow .slide .slide-content .slide-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}@media(max-width:768px){.slideshow .slide .slide-content .slide-title{font-size:2.5rem}}@media(max-width:480px){.slideshow .slide .slide-content .slide-title{font-size:2rem}}.slideshow .slide .slide-content .slide-subtitle{color:#ffffffe6;font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0000004d}@media(max-width:768px){.slideshow .slide .slide-content .slide-subtitle{font-size:1.25rem}}@media(max-width:480px){.slideshow .slide .slide-content .slide-subtitle{font-size:1.1rem}}.slideshow .slide .slide-content .slide-description{color:#ffffffd9;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:1px 1px 2px #0000004d}@media(max-width:768px){.slideshow .slide .slide-content .slide-description{font-size:1rem;margin-bottom:2rem}}@media(max-width:480px){.slideshow .slide .slide-content .slide-description{font-size:.9rem}}.slideshow .slide .slide-content .slide-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.slideshow .slide .slide-content .slide-actions .btn{border-radius:30px;box-shadow:0 4px 15px #0003;font-size:16px;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.slideshow .slide .slide-content .slide-actions .btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}@media(max-width:480px){.slideshow .slide .slide-content .slide-actions .btn{font-size:14px;padding:12px 24px}}.slideshow .slide .slide-content .slide-actions .btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff;color:#fff}.slideshow .slide .slide-content .slide-actions .btn-outline:hover{background:#fff;color:var(--primary-blue)}.slideshow .slide-nav{background:#0d208ccc;border:2px solid #0d208c;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:24px;padding:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:3}.slideshow .slide-nav:hover{background:#0d208c;box-shadow:0 6px 16px #0006;transform:translateY(-50%) scale(1.1)}.slideshow .slide-nav.prev{left:30px}.slideshow .slide-nav.next{right:30px}@media(max-width:768px){.slideshow .slide-nav{font-size:20px;padding:12px}.slideshow .slide-nav.prev{left:20px}.slideshow .slide-nav.next{right:20px}}@media(max-width:480px){.slideshow .slide-nav{display:none}}.slideshow .slide-indicators{bottom:30px;display:flex;gap:15px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.slideshow .slide-indicators .indicator{background:#0d208c80;border:2px solid #0d208ccc;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.slideshow .slide-indicators .indicator:hover{background:#0d208ccc;box-shadow:0 3px 8px #0000004d;transform:scale(1.2)}.slideshow .slide-indicators .indicator.active{background:#0d208c;border:2px solid #0d208c;border-radius:6px;width:30px}@media(max-width:480px){.slideshow .slide-indicators{bottom:20px;gap:10px}.slideshow .slide-indicators .indicator{height:8px;width:8px}.slideshow .slide-indicators .indicator.active{width:20px}}.slide{background:#fff}.infographics-gallery{background:var(--bg-light)}.infographics-gallery .section-header h2{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.infographics-gallery .section-header h2{font-size:2rem}}.infographics-gallery .section-header p{color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.infographics-gallery .category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.infographics-gallery .category-filters .filter-btn{background:#fff;border:2px solid var(--primary-blue);border-radius:25px;color:var(--primary-blue);cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .3s ease}.infographics-gallery .category-filters .filter-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.infographics-gallery .category-filters .filter-btn.active{background:var(--primary-gradient);border-color:#0000;color:#fff}@media(max-width:480px){.infographics-gallery .category-filters .filter-btn{font-size:14px;padding:8px 20px}}.infographics-gallery .gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}@media(max-width:768px){.infographics-gallery .gallery-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:480px){.infographics-gallery .gallery-grid{gap:20px;grid-template-columns:1fr}}.infographics-gallery .gallery-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px var(--shadow);overflow:hidden;transition:all .3s ease}.infographics-gallery .gallery-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.infographics-gallery .gallery-item .gallery-item-inner{display:flex;flex-direction:column;height:100%}.infographics-gallery .gallery-item .gallery-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.infographics-gallery .gallery-item .gallery-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.infographics-gallery .gallery-item .gallery-image:hover img{transform:scale(1.05)}.infographics-gallery .gallery-item .gallery-image .gallery-overlay{align-items:center;background:#0d208ce6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.infographics-gallery .gallery-item .gallery-image .gallery-overlay .gallery-actions{display:flex;gap:15px}.infographics-gallery .gallery-item .gallery-image .gallery-overlay .gallery-actions .action-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:var(--primary-blue);cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.infographics-gallery .gallery-item .gallery-image .gallery-overlay .gallery-actions .action-btn:hover{background:var(--primary-blue);color:#fff;transform:scale(1.1)}.infographics-gallery .gallery-item .gallery-image:hover .gallery-overlay{opacity:1}.infographics-gallery .gallery-item .gallery-content{display:flex;flex:1 1;flex-direction:column;padding:25px}.infographics-gallery .gallery-item .gallery-content h3{color:var(--text-dark);font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.infographics-gallery .gallery-item .gallery-content p{color:var(--text-light);flex:1 1;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.infographics-gallery .gallery-item .gallery-content .category-badge{align-self:flex-start;background:linear-gradient(135deg,#0d208c1a,#4800481a);border:1px solid #0d208c33;border-radius:20px;color:var(--primary-blue);font-size:.85rem;font-weight:500;padding:6px 12px}.infographics-gallery .image-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.infographics-gallery .image-modal .modal-content{align-items:center;background:#fff;border-radius:15px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.infographics-gallery .image-modal .modal-content .close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:var(--text-dark);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10000}.infographics-gallery .image-modal .modal-content .close-btn:hover{background:#fff;transform:scale(1.1)}.infographics-gallery .image-modal .modal-content img{display:block;height:auto;max-height:calc(90vh - 120px);max-width:100%;object-fit:contain;width:auto}.infographics-gallery .image-modal .modal-content .modal-title{background:#fff;border-top:1px solid var(--border-color);color:var(--text-dark);font-size:1.2rem;font-weight:600;padding:20px;text-align:center}@media(max-width:768px){.infographics-gallery .image-modal{padding:10px}.infographics-gallery .image-modal .modal-content{max-height:95vh;max-width:95vw}.infographics-gallery .image-modal .modal-content .close-btn{font-size:20px;height:35px;right:10px;top:10px;width:35px}.infographics-gallery .image-modal .modal-content img{max-height:calc(85vh - 100px)}.infographics-gallery .image-modal .modal-content .modal-title{font-size:1rem;padding:15px}}.gallery-grid .gallery-item{animation:fadeInUp .5s ease forwards}.ppid-pelaksana-upt{background:#fff}.ppid-pelaksana-upt .section-header h2{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.ppid-pelaksana-upt .section-header h2{font-size:2rem}}.ppid-pelaksana-upt .section-header p{color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:700px}.ppid-pelaksana-upt .upt-container{border-radius:15px;margin-top:2rem;overflow:hidden;position:relative}.ppid-pelaksana-upt .upt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-color:var(--primary-blue) #0000;scrollbar-width:thin}.ppid-pelaksana-upt .upt-scroll::-webkit-scrollbar{height:8px}.ppid-pelaksana-upt .upt-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.ppid-pelaksana-upt .upt-scroll::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:10px}.ppid-pelaksana-upt .upt-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.ppid-pelaksana-upt .upt-scroll{padding-bottom:10px}.ppid-pelaksana-upt .upt-track{display:flex;gap:15px;min-width:-webkit-max-content;min-width:max-content;padding:10px 15px}.ppid-pelaksana-upt .upt-track:first-child{padding-left:0}.ppid-pelaksana-upt .upt-track:last-child{padding-right:20px}.ppid-pelaksana-upt .upt-grid-all{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}@media(max-width:768px){.ppid-pelaksana-upt .upt-grid-all{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.ppid-pelaksana-upt .upt-grid-all{gap:20px;grid-template-columns:1fr}}.ppid-pelaksana-upt .upt-card{background:#fff;border-radius:12px;box-shadow:0 3px 15px var(--shadow);cursor:pointer;flex-shrink:0;height:140px;min-width:240px;overflow:hidden;position:relative;transition:all .3s ease;width:240px}.ppid-pelaksana-upt .upt-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.ppid-pelaksana-upt .upt-card:hover .upt-overlay{opacity:1}.ppid-pelaksana-upt .upt-card:hover .upt-logo .logo-img{transform:scale(1.1)}.ppid-pelaksana-upt .upt-card .upt-card-inner{align-items:center;display:flex;flex-direction:column;height:100%;padding:15px;position:relative;text-align:center;z-index:1}.ppid-pelaksana-upt .upt-card .upt-logo{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.ppid-pelaksana-upt .upt-card .upt-logo .logo-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:40px;object-fit:contain;transition:all .3s ease;width:40px}.ppid-pelaksana-upt .upt-card .upt-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.ppid-pelaksana-upt .upt-card .upt-content h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.2;margin:0;max-height:3.6em;overflow:hidden;text-align:center;text-overflow:ellipsis}.ppid-pelaksana-upt .upt-card .upt-overlay{align-items:center;background:linear-gradient(135deg,#0d208cf2,#480048f2);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:2}.ppid-pelaksana-upt .upt-card .upt-overlay .overlay-content{color:#fff;text-align:center}.ppid-pelaksana-upt .upt-card .upt-overlay .overlay-content .overlay-icon{font-size:30px;margin-bottom:10px}.ppid-pelaksana-upt .upt-card .upt-overlay .overlay-content span{display:block;font-size:16px;font-weight:500}.ppid-pelaksana-upt .info-box{background:var(--bg-light);border-radius:15px;margin:0 auto;max-width:800px;padding:40px;text-align:center}.ppid-pelaksana-upt .info-box h3{color:var(--text-dark);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.ppid-pelaksana-upt .info-box p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.ppid-pelaksana-upt .info-box .contact-info{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.ppid-pelaksana-upt .info-box .contact-info .contact-item{color:var(--text-dark);font-size:16px}.ppid-pelaksana-upt .info-box .contact-info .contact-item strong{color:var(--primary-blue);margin-right:8px}@media(max-width:480px){.ppid-pelaksana-upt .info-box .contact-info{flex-direction:column;gap:15px}}@media(max-width:768px){.ppid-pelaksana-upt .info-box{padding:30px}.ppid-pelaksana-upt .info-box h3{font-size:1.5rem}.ppid-pelaksana-upt .info-box p{font-size:1rem}}@media(max-width:480px){.ppid-pelaksana-upt .info-box{padding:25px}}.ppid-pelaksana-upt .dots-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px}.ppid-pelaksana-upt .dots-container .dot{background:#0d208c4d;border:none;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.ppid-pelaksana-upt .dots-container .dot:hover{background:#0d208c80;transform:scale(1.2)}.ppid-pelaksana-upt .dots-container .dot.active{background:var(--primary-blue);transform:scale(1.3)}.ppid-pelaksana-upt .dots-container .dot.active:after{border:2px solid var(--primary-blue);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.3;position:absolute;right:-4px;top:-4px}.ppid-pelaksana-upt .dots-container .dot:focus{box-shadow:0 0 0 3px #0d208c33;outline:none}.ppid-pelaksana-upt .show-all-btn{border-radius:50px;font-size:16px;font-weight:600;overflow:hidden;padding:15px 30px;position:relative}.ppid-pelaksana-upt .show-all-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.ppid-pelaksana-upt .show-all-btn:hover:before{left:100%}.upt-card{animation:slideInUp .6s ease forwards}.home-page{margin-top:80px}@media(max-width:768px){.home-page{margin-top:70px}}.page-template{min-height:100vh}.page-template .page-header{background:var(--primary-gradient);color:#fff;margin-top:80px;padding:120px 0 80px}@media(max-width:768px){.page-template .page-header{margin-top:70px;padding:100px 0 60px}}.page-template .page-header .page-header-content{text-align:center}.page-template .page-header .page-header-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}@media(max-width:768px){.page-template .page-header .page-header-content h1{font-size:2.5rem}}@media(max-width:480px){.page-template .page-header .page-header-content h1{font-size:2rem}}.page-template .page-header .page-header-content .page-subtitle{color:#ffffffe6;font-size:1.2rem;margin:0 auto;max-width:600px;text-shadow:1px 1px 2px #0003}@media(max-width:768px){.page-template .page-header .page-header-content .page-subtitle{font-size:1.1rem}}.page-template .page-content{background:#fff;padding:80px 0}@media(max-width:768px){.page-template .page-content{padding:60px 0}}.content-section{margin-bottom:3rem}.content-section h2{border-bottom:2px solid var(--primary-blue);color:var(--text-dark);font-size:2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}@media(max-width:768px){.content-section h2{font-size:1.7rem}}.content-section h3{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem}@media(max-width:768px){.content-section h3{font-size:1.3rem}}.content-section p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}@media(max-width:768px){.content-section p{font-size:1rem}}.content-section ol,.content-section ul{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding-left:2rem}.content-section ol li,.content-section ul li{margin-bottom:.5rem}@media(max-width:768px){.content-section ol,.content-section ul{font-size:1rem}}.info-card{background:var(--bg-light);border-left:4px solid var(--primary-blue);border-radius:10px;margin-bottom:2rem;padding:2rem}.info-card h3{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-card p{color:var(--text-dark);margin-bottom:0}.document-list .document-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.document-list .document-item:hover{border-color:var(--primary-blue);box-shadow:0 2px 10px #0000001a}.document-list .document-item h4{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.document-list .document-item p{color:var(--text-light);font-size:.95rem;margin-bottom:1rem}.document-list .document-item .document-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.document-list .document-item .document-meta .document-date{color:var(--text-light);font-size:.9rem}.document-list .document-item .document-meta .btn{font-size:.9rem;padding:8px 16px}.profil-ppid-content .content-section{margin-bottom:3rem}.profil-ppid-content .content-section h2{color:var(--primary-blue);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;position:relative}.profil-ppid-content .content-section h2:after{background:linear-gradient(to right,var(--primary-blue),var(--primary-purple));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.profil-ppid-content .content-section .lead-text{color:var(--text-dark);font-size:1.1rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.profil-ppid-content .content-section p{color:var(--text-light);font-size:1rem;line-height:1.7;margin-bottom:1rem;text-align:justify}.profil-ppid-content .info-card{background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:2.5rem;padding:2rem;transition:all .3s ease}.profil-ppid-content .info-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-2px)}.profil-ppid-content .info-card h3{align-items:center;color:var(--primary-blue);display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin-bottom:1.5rem}.profil-ppid-content .info-card h3:before{content:"📋";font-size:1.2em}.profil-ppid-content .info-card p{color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:1rem;text-align:justify}.profil-ppid-content .highlight-card{background:linear-gradient(135deg,#f8f9ff,#e8efff);border:2px solid #0d208c33}.profil-ppid-content .highlight-card .legal-basis{margin:1.5rem 0}.profil-ppid-content .highlight-card .legal-basis .legal-item{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin-bottom:1.2rem;padding:1rem}.profil-ppid-content .highlight-card .legal-basis .legal-item .legal-number{background:var(--primary-gradient);border-radius:8px;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;min-width:100px;padding:.5rem .8rem;text-align:center}.profil-ppid-content .highlight-card .legal-basis .legal-item .legal-desc{color:var(--text-dark);font-weight:500;line-height:1.5}.profil-ppid-content .highlight-card .legal-purpose{background:#0d208c0d;border-left:4px solid var(--primary-blue);border-radius:8px;color:var(--text-dark);font-style:italic;margin-top:1.5rem;padding:1rem}.profil-ppid-content .sk-card{background:linear-gradient(135deg,#fff8f0,#ffefd5);border:2px solid #ffa5004d}.profil-ppid-content .sk-card h3:before{content:"📄"}.profil-ppid-content .sk-card strong{background:#0d208c1a;border-radius:4px;color:var(--primary-blue);padding:2px 6px}.profil-ppid-content .sk-card .download-section{border-top:2px dashed #ffa5004d;margin-top:2rem;padding-top:1.5rem;text-align:center}.profil-ppid-content .sk-card .download-section .download-btn{border-radius:50px;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.profil-ppid-content .sk-card .download-section .download-btn:hover{box-shadow:0 8px 20px #0d208c4d;transform:translateY(-2px)}.profil-ppid-content .sk-card .download-section .download-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.profil-ppid-content .sk-card .download-section .download-btn:hover:before{left:100%}.profil-ppid-content .sk-card .download-section .download-note{color:var(--text-light);font-size:.9rem;margin-top:.8rem}.profil-ppid-content .commitment-section .commitment-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.profil-ppid-content .commitment-section .commitment-grid .commitment-item{background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.profil-ppid-content .commitment-section .commitment-grid .commitment-item:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.profil-ppid-content .commitment-section .commitment-grid .commitment-item .commitment-icon{display:block;font-size:3rem;margin-bottom:1rem}.profil-ppid-content .commitment-section .commitment-grid .commitment-item h4{color:var(--primary-blue);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.profil-ppid-content .commitment-section .commitment-grid .commitment-item p{color:var(--text-light);font-size:1rem;line-height:1.6;margin:0}@media(max-width:768px){.profil-ppid-content .content-section{margin-bottom:2rem}.profil-ppid-content .content-section h2{font-size:1.5rem}.profil-ppid-content .content-section .lead-text{font-size:1rem}.profil-ppid-content .info-card{margin-bottom:2rem;padding:1.5rem}.profil-ppid-content .info-card h3{font-size:1.2rem}.profil-ppid-content .highlight-card .legal-basis .legal-item{flex-direction:column;text-align:center}.profil-ppid-content .highlight-card .legal-basis .legal-item .legal-number{margin:0 auto;min-width:auto;width:-webkit-fit-content;width:fit-content}.profil-ppid-content .commitment-section .commitment-grid{gap:1.5rem;grid-template-columns:1fr}.profil-ppid-content .commitment-section .commitment-grid .commitment-item{padding:1.5rem}}@media(max-width:480px){.profil-ppid-content .commitment-section .commitment-grid .commitment-item,.profil-ppid-content .info-card{padding:1rem}.profil-ppid-content .commitment-section .commitment-grid .commitment-item .commitment-icon{font-size:2.5rem}.profil-ppid-content .commitment-section .commitment-grid .commitment-item h4{font-size:1.1rem}}.tugas-fungsi-content .legal-reference{display:flex;justify-content:center;margin-bottom:3rem}.tugas-fungsi-content .legal-reference .reference-badge{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-purple) 100%);border-radius:50px;box-shadow:0 8px 25px #0d208c4d;color:#fff;display:flex;gap:1rem;padding:1rem 2rem}.tugas-fungsi-content .legal-reference .reference-badge .pasal-number{background:#fff3;border-radius:25px;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.tugas-fungsi-content .legal-reference .reference-badge .reference-text{font-size:1rem;font-weight:500}.tugas-fungsi-content .content-section{margin-bottom:4rem}.tugas-fungsi-content .content-section .section-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.tugas-fungsi-content .content-section .section-header .section-icon{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #0d208c33;border-radius:15px;font-size:2.5rem;padding:1rem}.tugas-fungsi-content .content-section .section-header h2{color:var(--primary-blue);font-size:2rem;font-weight:700;margin:0;position:relative}.tugas-fungsi-content .content-section .section-header h2:after{background:linear-gradient(to right,var(--primary-blue),var(--primary-purple));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.tugas-fungsi-content .tugas-section .task-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.tugas-fungsi-content .tugas-section .task-list .task-item{align-items:flex-start;background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tugas-fungsi-content .tugas-section .task-list .task-item:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-3px)}.tugas-fungsi-content .tugas-section .task-list .task-item .task-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.tugas-fungsi-content .tugas-section .task-list .task-item .task-content h4{color:var(--primary-blue);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.tugas-fungsi-content .tugas-section .task-list .task-item .task-content p{color:var(--text-light);line-height:1.6;margin:0;text-align:justify}.tugas-fungsi-content .wewenang-section .section-intro{background:#0d208c0d;border-left:4px solid var(--primary-blue);border-radius:10px;color:var(--text-dark);font-size:1.1rem;font-style:italic;margin-bottom:2rem;padding:1rem;text-align:center}.tugas-fungsi-content .wewenang-section .authority-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item{align-items:flex-start;background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-3px)}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item.highlight-item{background:linear-gradient(135deg,#fff8f0,#ffefd5);border:2px solid #ffa5004d}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item.highlight-item .authority-number{background:linear-gradient(135deg,#ff8c00,#ff6b00)}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-number{align-items:center;background:var(--primary-gradient);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content{flex:1 1}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content h4{color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content p{color:var(--text-light);line-height:1.6;margin-bottom:.5rem;text-align:justify}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content .sub-list{margin:.5rem 0 0 1rem;padding-left:0}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content .sub-list li{color:var(--text-light);list-style:none;margin-bottom:.3rem;position:relative}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-content .sub-list li:before{color:var(--primary-blue);content:"▶";font-size:.8rem;margin-right:.5rem}.tugas-fungsi-content .summary-section .summary-card{background:linear-gradient(135deg,#f8f9ff,#e8efff);border:2px solid #0d208c33;border-radius:20px;margin:0 auto;max-width:800px;padding:2.5rem;text-align:center}.tugas-fungsi-content .summary-section .summary-card h3{color:var(--primary-blue);font-size:1.8rem;font-weight:700;margin-bottom:2rem;position:relative}.tugas-fungsi-content .summary-section .summary-card h3:after{background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.tugas-fungsi-content .summary-section .summary-card .summary-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.tugas-fungsi-content .summary-section .summary-card .summary-stats .stat-item .stat-number{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.tugas-fungsi-content .summary-section .summary-card .summary-stats .stat-item .stat-label{color:var(--text-dark);font-size:1rem;font-weight:500}.tugas-fungsi-content .summary-section .summary-card .summary-text{color:var(--text-dark);font-size:1.1rem;line-height:1.7;margin:0;text-align:justify}@media(max-width:768px){.tugas-fungsi-content .legal-reference .reference-badge{flex-direction:column;gap:.5rem;text-align:center}.tugas-fungsi-content .legal-reference .reference-badge .pasal-number{font-size:1rem}.tugas-fungsi-content .legal-reference .reference-badge .reference-text{font-size:.9rem}.tugas-fungsi-content .content-section .section-header{flex-direction:column;text-align:center}.tugas-fungsi-content .content-section .section-header .section-icon{font-size:2rem;padding:.8rem}.tugas-fungsi-content .content-section .section-header h2{font-size:1.5rem}.tugas-fungsi-content .content-section .section-header h2:after{left:50%;transform:translateX(-50%)}.tugas-fungsi-content .tugas-section .task-list{grid-template-columns:1fr}.tugas-fungsi-content .tugas-section .task-list .task-item{padding:1.2rem}.tugas-fungsi-content .wewenang-section .authority-grid{grid-template-columns:1fr}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item{padding:1.2rem}.tugas-fungsi-content .summary-section .summary-card{padding:1.5rem}.tugas-fungsi-content .summary-section .summary-card h3{font-size:1.5rem}.tugas-fungsi-content .summary-section .summary-card .summary-stats{gap:1rem}.tugas-fungsi-content .summary-section .summary-card .summary-stats .stat-item .stat-number{font-size:2.5rem}}@media(max-width:480px){.tugas-fungsi-content .tugas-section .task-list .task-item{flex-direction:column;text-align:center}.tugas-fungsi-content .tugas-section .task-list .task-item .task-number{align-self:center}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item{flex-direction:column;text-align:center}.tugas-fungsi-content .wewenang-section .authority-grid .authority-item .authority-number{align-self:center}.tugas-fungsi-content .summary-section .summary-card .summary-stats{gap:1.5rem;grid-template-columns:1fr}}.visi-misi-content .content-section{margin-bottom:4rem}.visi-misi-content .content-section .section-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem}.visi-misi-content .content-section .section-header .section-icon{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:3px solid #0d208c33;border-radius:20px;box-shadow:0 8px 25px #0d208c1a;font-size:3rem;padding:1.2rem}.visi-misi-content .content-section .section-header h2{color:var(--primary-blue);font-size:2.2rem;font-weight:700;margin:0;position:relative}.visi-misi-content .content-section .section-header h2:after{background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.visi-misi-content .visi-section .visi-card{background:linear-gradient(135deg,#f8f9ff,#e8efff);border:3px solid #0d208c33;border-radius:25px;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.visi-misi-content .visi-section .visi-card:before{background:radial-gradient(circle,#0d208c08 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:100%}.visi-misi-content .visi-section .visi-card .visi-quote{position:relative;text-align:center;z-index:1}.visi-misi-content .visi-section .visi-card .visi-quote .quote-mark{color:var(--primary-blue);font-family:Georgia,serif;font-size:4rem;line-height:.5;opacity:.3}.visi-misi-content .visi-section .visi-card .visi-quote .quote-mark.closing{display:block;text-align:right}.visi-misi-content .visi-section .visi-card .visi-quote .visi-text{color:var(--text-dark);font-size:1.3rem;font-weight:400;line-height:1.8;margin:2rem 0;text-align:center}.visi-misi-content .visi-section .visi-card .visi-quote .visi-text strong{background:linear-gradient(135deg,#0d208c1a,#4800481a);border-radius:4px;color:var(--primary-blue);font-weight:700;padding:2px 6px}.visi-misi-content .visi-section .visi-explanation h3{color:var(--primary-blue);font-size:1.8rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center}.visi-misi-content .visi-section .visi-explanation h3:after{background:var(--primary-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.visi-misi-content .visi-section .visi-explanation .explanation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item{align-items:flex-start;background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-3px)}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item.highlight{background:linear-gradient(135deg,#fff8f0,#ffefd5);border:2px solid #ffa5004d}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item.highlight .explanation-number{background:linear-gradient(135deg,#ff8c00,#ff6b00)}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item .explanation-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item .explanation-content h4{color:var(--primary-blue);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item .explanation-content p{color:var(--text-light);line-height:1.6;margin:0;text-align:justify}.visi-misi-content .misi-section .misi-list{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:900px}.visi-misi-content .misi-section .misi-list .misi-item{align-items:flex-start;background:#fff;border:1px solid #0d208c1a;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.visi-misi-content .misi-section .misi-list .misi-item:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-3px)}.visi-misi-content .misi-section .misi-list .misi-item:before{background:var(--primary-gradient);border-radius:0 15px 15px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.visi-misi-content .misi-section .misi-list .misi-item .misi-number{align-items:center;background:var(--primary-gradient);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:35px;justify-content:center;width:35px}.visi-misi-content .misi-section .misi-list .misi-item .misi-content{flex:1 1}.visi-misi-content .misi-section .misi-list .misi-item .misi-content h4{color:var(--primary-blue);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.visi-misi-content .misi-section .misi-list .misi-item .misi-content p{color:var(--text-light);line-height:1.6;margin:0;text-align:justify}.visi-misi-content .principles-section .principles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.visi-misi-content .principles-section .principles-grid .principle-item{background:#fff;border:2px solid #0d208c1a;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.visi-misi-content .principles-section .principles-grid .principle-item:hover{border-color:var(--primary-blue);box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.visi-misi-content .principles-section .principles-grid .principle-item .principle-icon{display:block;font-size:3rem;margin-bottom:1rem}.visi-misi-content .principles-section .principles-grid .principle-item h4{color:var(--primary-blue);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.visi-misi-content .principles-section .principles-grid .principle-item p{color:var(--text-light);line-height:1.6;margin:0}.visi-misi-content .impact-section{margin-top:4rem}.visi-misi-content .impact-section .impact-card{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-purple) 100%);border-radius:25px;color:#fff;margin:0 auto;max-width:800px;overflow:hidden;padding:3rem;position:relative;text-align:center}.visi-misi-content .impact-section .impact-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.visi-misi-content .impact-section .impact-card h3{font-size:1.8rem;font-weight:700;margin-bottom:2rem;position:relative;z-index:1}.visi-misi-content .impact-section .impact-card h3:after{background:#ffffff80;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.visi-misi-content .impact-section .impact-card p{font-size:1.1rem;line-height:1.8;margin:0;position:relative;text-align:justify;z-index:1}@media(max-width:768px){.visi-misi-content .content-section .section-header{flex-direction:column}.visi-misi-content .content-section .section-header .section-icon{font-size:2.5rem;padding:1rem}.visi-misi-content .content-section .section-header h2{font-size:1.8rem}.visi-misi-content .visi-section .visi-card{padding:2rem}.visi-misi-content .visi-section .visi-card .visi-quote .quote-mark{font-size:3rem}.visi-misi-content .visi-section .visi-card .visi-quote .visi-text{font-size:1.1rem}.visi-misi-content .visi-section .visi-explanation .explanation-grid{grid-template-columns:1fr}.visi-misi-content .misi-section .misi-list .misi-item,.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item{padding:1.2rem}.visi-misi-content .principles-section .principles-grid{gap:1.5rem;grid-template-columns:1fr}.visi-misi-content .principles-section .principles-grid .principle-item{padding:1.5rem}.visi-misi-content .impact-section .impact-card{padding:2rem}.visi-misi-content .impact-section .impact-card h3{font-size:1.5rem}.visi-misi-content .impact-section .impact-card p{font-size:1rem}}@media(max-width:480px){.visi-misi-content .visi-section .visi-card{padding:1.5rem}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item{flex-direction:column;text-align:center}.visi-misi-content .visi-section .visi-explanation .explanation-grid .explanation-item .explanation-number{align-self:center}.visi-misi-content .misi-section .misi-list .misi-item{flex-direction:column;text-align:center}.visi-misi-content .misi-section .misi-list .misi-item .misi-number{align-self:center}.visi-misi-content .impact-section .impact-card{padding:1.5rem}}.struktur-organisasi-container{margin:0 auto;max-width:1200px;padding:0 20px}.struktur-organisasi-container .intro-section{margin-bottom:2rem}.struktur-organisasi-container .intro-section .intro-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 32px #764ba24d;color:#fff;padding:2rem}.struktur-organisasi-container .intro-section .intro-card h2{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1rem}.struktur-organisasi-container .intro-section .intro-card p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.struktur-organisasi-container .intro-section .intro-card .info-highlight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-left:4px solid #ffffff80;border-radius:10px;padding:1rem}.struktur-organisasi-container .intro-section .intro-card .info-highlight strong{display:block;font-size:1rem}.struktur-organisasi-container .struktur-image-section{margin-bottom:3rem}.struktur-organisasi-container .struktur-image-section .image-container{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:400px;position:relative}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loading .image-placeholder{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:1rem;justify-content:center}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loading .image-placeholder .loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loading .image-placeholder p{font-size:1.1rem;margin:0}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loaded{min-height:auto}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loaded .struktur-image{border-radius:8px;display:block;height:auto;width:100%}.struktur-organisasi-container .struktur-image-section .image-container .image-caption{background:linear-gradient(135deg,#f8f9fa,#fff);padding:1.5rem;text-align:center}.struktur-organisasi-container .struktur-image-section .image-container .image-caption h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption p{color:#6c757d;line-height:1.5;margin:0}.struktur-organisasi-container .info-section .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.struktur-organisasi-container .info-section .info-grid .info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.struktur-organisasi-container .info-section .info-grid .info-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.struktur-organisasi-container .info-section .info-grid .info-card h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.struktur-organisasi-container .info-section .info-grid .info-card.komponen{border-left:4px solid #007bff}.struktur-organisasi-container .info-section .info-grid .info-card.komponen h3{color:#007bff}.struktur-organisasi-container .info-section .info-grid .info-card.tugas{border-left:4px solid #28a745}.struktur-organisasi-container .info-section .info-grid .info-card.tugas h3{color:#28a745}.struktur-organisasi-container .info-section .info-grid .info-card.koordinasi{border-left:4px solid #ffc107}.struktur-organisasi-container .info-section .info-grid .info-card.koordinasi h3{color:#e59500}.struktur-organisasi-container .info-section .info-grid .info-card.contact{border-left:4px solid #dc3545}.struktur-organisasi-container .info-section .info-grid .info-card.contact h3{color:#dc3545}.struktur-organisasi-container .info-section .info-grid .info-card ul{list-style:none;margin:0;padding:0}.struktur-organisasi-container .info-section .info-grid .info-card ul li{border-bottom:1px solid #f1f3f4;color:#495057;line-height:1.5;padding:.5rem 0}.struktur-organisasi-container .info-section .info-grid .info-card ul li:last-child{border-bottom:none}.struktur-organisasi-container .info-section .info-grid .info-card ul li strong{color:#2c3e50;font-weight:600}.struktur-organisasi-container .info-section .info-grid .info-card p{color:#495057;line-height:1.6;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.struktur-organisasi-container{padding:0 15px}.struktur-organisasi-container .intro-section .intro-card{padding:1.5rem}.struktur-organisasi-container .intro-section .intro-card h2{font-size:1.5rem}.struktur-organisasi-container .intro-section .intro-card p{font-size:1rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption{padding:1rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption h3{font-size:1.1rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption p{font-size:.9rem}.struktur-organisasi-container .info-section .info-grid{gap:1rem;grid-template-columns:1fr}.struktur-organisasi-container .info-section .info-grid .info-card{padding:1.2rem}.struktur-organisasi-container .info-section .info-grid .info-card h3{font-size:1.1rem}.struktur-organisasi-container .info-section .info-grid .info-card ul li{font-size:.9rem;padding:.4rem 0}.struktur-organisasi-container .info-section .info-grid .info-card p{font-size:.9rem}}@media(max-width:480px){.struktur-organisasi-container .intro-section .intro-card{padding:1rem}.struktur-organisasi-container .intro-section .intro-card h2{flex-direction:column;font-size:1.3rem;gap:.3rem;text-align:center}.struktur-organisasi-container .intro-section .intro-card p{font-size:.95rem}.struktur-organisasi-container .intro-section .intro-card .info-highlight{padding:.8rem}.struktur-organisasi-container .intro-section .intro-card .info-highlight strong{font-size:.9rem}.struktur-organisasi-container .struktur-image-section .image-container{border-radius:10px}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper{min-height:300px}.struktur-organisasi-container .struktur-image-section .image-container .image-wrapper.loading .image-placeholder p{font-size:1rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption{padding:.8rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption h3{font-size:1rem}.struktur-organisasi-container .struktur-image-section .image-container .image-caption p{font-size:.85rem}}.regulasi-container{margin:0 auto;max-width:1200px;padding:0 20px}.regulasi-container .intro-section{margin-bottom:2rem}.regulasi-container .intro-section .intro-card{background:linear-gradient(135deg,#6f42c1,#8b5cf6);border-radius:15px;box-shadow:0 8px 32px #6f42c14d;color:#fff;padding:2rem}.regulasi-container .intro-section .intro-card h2{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1rem}.regulasi-container .intro-section .intro-card p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.regulasi-container .intro-section .intro-card .stats-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-left:4px solid #ffffff80;border-radius:10px;padding:1rem}.regulasi-container .intro-section .intro-card .stats-info .total-count{font-size:1rem;font-weight:600}.regulasi-container .controls-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.regulasi-container .controls-section .category-filters h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.regulasi-container .controls-section .category-filters .filter-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:25px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn .filter-icon{font-size:1.1rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn .filter-count{background:#f8f9fa;border-radius:15px;color:#6c757d;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn:hover{border-color:#6f42c1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn.active{background:linear-gradient(135deg,#6f42c1,#8b5cf6);border-color:#6f42c1;box-shadow:0 4px 12px #6f42c14d;color:#fff;transform:translateY(-2px)}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn.active .filter-count{background:#fff3;color:#fff}.regulasi-container .controls-section .search-section .search-container{display:flex;justify-content:center}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper{max-width:500px;position:relative;width:100%}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .search-icon{color:#6c757d;font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .search-input{background:#fff;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .search-input:focus{border-color:#6f42c1;box-shadow:0 0 0 3px #6f42c11a;outline:none}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .search-input::placeholder{color:#999}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .clear-search:hover{background:#f8f9fa;color:#dc3545}.regulasi-container .regulations-section{margin-bottom:2rem}.regulasi-container .regulations-section .empty-state{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.regulasi-container .regulations-section .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.regulasi-container .regulations-section .empty-state h3{color:#2c3e50;margin-bottom:.5rem}.regulasi-container .regulations-section .empty-state p{color:#6c757d;margin:0}.regulasi-container .regulations-section .regulations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.regulasi-container .regulations-section .regulations-grid .regulation-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.regulasi-container .regulations-section .regulations-grid .regulation-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header .regulation-icon{font-size:2rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header .regulation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header .regulation-meta .regulation-year{background:#f8f9fa;border-radius:15px;color:#495057;font-size:.85rem;font-weight:600;padding:.2rem .8rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header .regulation-meta .regulation-category{color:#6c757d;font-size:.8rem;font-weight:500}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content{padding:1rem 1.5rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content .regulation-title{color:#2c3e50;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .8rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content .regulation-description{color:#495057;font-size:.9rem;line-height:1.5;margin:0}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions{display:flex;justify-content:center;padding:0 1.5rem 1.5rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:150px;padding:.8rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary:hover{box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-1px)}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary.disabled:hover{box-shadow:none;transform:none}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary.full-width{min-width:0;min-width:auto;width:100%}.regulasi-container .regulations-section .regulations-grid .regulation-card.undang-undang{border-left:4px solid #dc3545}.regulasi-container .regulations-section .regulations-grid .regulation-card.undang-undang .regulation-header .regulation-meta .regulation-year{background:#dc35451a;color:#dc3545}.regulasi-container .regulations-section .regulations-grid .regulation-card.komisi-informasi{border-left:4px solid #28a745}.regulasi-container .regulations-section .regulations-grid .regulation-card.komisi-informasi .regulation-header .regulation-meta .regulation-year{background:#28a7451a;color:#28a745}.regulasi-container .regulations-section .regulations-grid .regulation-card.kemenhub{border-left:4px solid #007bff}.regulasi-container .regulations-section .regulations-grid .regulation-card.kemenhub .regulation-header .regulation-meta .regulation-year{background:#007bff1a;color:#007bff}.regulasi-container .footer-section .legal-notice{background:linear-gradient(135deg,#17a2b8,#138496);border-radius:15px;color:#fff;padding:2rem;text-align:center}.regulasi-container .footer-section .legal-notice h3{align-items:center;display:flex;font-size:1.3rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.regulasi-container .footer-section .legal-notice p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.regulasi-container .footer-section .legal-notice .contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;padding:1rem}.regulasi-container .footer-section .legal-notice .contact-info strong{font-size:1rem}@media(max-width:768px){.regulasi-container{padding:0 15px}.regulasi-container .intro-section .intro-card{padding:1.5rem}.regulasi-container .intro-section .intro-card h2{flex-direction:column;font-size:1.5rem;gap:.3rem;text-align:center}.regulasi-container .intro-section .intro-card p{font-size:1rem}.regulasi-container .controls-section{gap:1rem}.regulasi-container .controls-section .category-filters .filter-buttons{justify-content:center}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn{flex-direction:column;font-size:.8rem;gap:.3rem;padding:.6rem 1rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn .filter-label{display:none}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper{max-width:100%}.regulasi-container .controls-section .search-section .search-container .search-input-wrapper .search-input{font-size:.9rem;padding:10px 12px 10px 40px}.regulasi-container .regulations-section .regulations-grid{gap:1rem;grid-template-columns:1fr}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header{padding:1rem 1rem 0}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-header .regulation-icon{font-size:1.5rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content{padding:.8rem 1rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content .regulation-title{font-size:.95rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-content .regulation-description{font-size:.85rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions{padding:0 1rem 1rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary{font-size:.85rem;min-width:120px;padding:.7rem 1.5rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary.full-width{min-width:0;min-width:auto;width:100%}.regulasi-container .footer-section .legal-notice{padding:1.5rem}.regulasi-container .footer-section .legal-notice h3{flex-direction:column;font-size:1.1rem;gap:.3rem}.regulasi-container .footer-section .legal-notice p{font-size:.9rem}}@media(max-width:480px){.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn{font-size:.75rem;padding:.5rem .8rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn .filter-icon{font-size:1rem}.regulasi-container .controls-section .category-filters .filter-buttons .filter-btn .filter-count{font-size:.7rem;padding:.1rem .4rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary{font-size:.8rem;padding:.8rem 1.2rem}.regulasi-container .regulations-section .regulations-grid .regulation-card .regulation-actions .btn-primary.full-width{width:100%}}.informasi-berkala-container{margin:0 auto;max-width:1400px;padding:0 20px}.intro-section .intro-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.table-cell-description p{margin:0 0 .8rem;white-space:pre-line}.table-cell-description p strong{color:var(--primary-blue);font-weight:600}.table-cell-description .note-text{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem}.table-cell-description .note-text em{color:#92400e;font-size:.9rem;font-style:italic}.table-cell-description.profile-cell{max-height:400px;overflow-y:auto;padding-right:1.5rem}.table-cell-description.profile-cell::-webkit-scrollbar{width:6px}.table-cell-description.profile-cell::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.table-cell-description.profile-cell::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.table-cell-description.profile-cell::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.table-cell-action .action-buttons{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}@media(max-width:768px){.table-cell-action .action-buttons{gap:.6rem}}.table-cell-action .internal-links-section{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.table-cell-action .internal-links-section{gap:.4rem}}.table-cell-action .internal-link{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.table-cell-action .internal-link:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.table-cell-action .internal-link:active{transform:translateY(0)}.table-cell-action .coming-soon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:25px;box-shadow:0 3px 10px #f59e0b4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem}.downloads-section .downloads-list{max-height:250px}.downloads-section .download-item-no-link{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:var(--text-light);cursor:not-allowed;display:flex;font-size:.8rem;gap:.5rem;opacity:.7;padding:.5rem .8rem}@media(max-width:1024px){.informasi-berkala-container{padding:0 15px}}@media(max-width:768px){.informasi-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.informasi-table{min-width:800px}.informasi-table thead th{font-size:.85rem;padding:1rem .5rem}.informasi-table tbody td{padding:1rem .5rem}.table-cell-title h3{font-size:.95rem}.table-cell-description p{font-size:.85rem}.downloads-list{max-height:200px}.download-link{font-size:.75rem;padding:.4rem .6rem}}@media(max-width:480px){.informasi-berkala-container{padding:0 10px}.intro-section .intro-card{padding:2rem 1.5rem}.informasi-table{min-width:700px}.downloads-section .downloads-header{font-size:.8rem;padding:.4rem .8rem}.downloads-section .downloads-list{max-height:150px;padding:.3rem}.downloads-section .download-link{font-size:.7rem;padding:.3rem .5rem}.info-footer .footer-card{padding:2rem 1.5rem}}.informasi-setiap-saat-container{margin:0 auto;max-width:1400px;padding:0 20px}.informasi-table-container{background:#fff;border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 15px 50px #0000001a;margin-bottom:3rem;overflow:hidden}@media(max-width:768px){.informasi-table-container{border-radius:15px;box-shadow:0 10px 30px #00000014}}.informasi-table{border-collapse:collapse;font-family:inherit;width:100%}.informasi-table thead{background:var(--primary-gradient)}.informasi-table thead tr{box-shadow:0 2px 10px #0000001a}.informasi-table thead th{border:none;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;text-align:left;text-transform:uppercase}.informasi-table thead th.table-header-number{text-align:center;width:80px}.informasi-table thead th.table-header-title{width:25%}.informasi-table thead th.table-header-description{width:40%}.informasi-table thead th.table-header-action{text-align:center;width:25%}@media(max-width:768px){.informasi-table thead th{font-size:.9rem;padding:1rem .8rem}}.informasi-table tbody .table-row{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.informasi-table tbody .table-row:hover{background:linear-gradient(135deg,#f8faff,#f0f7ff);box-shadow:0 5px 20px #3b82f61a;transform:scale(1.01)}.informasi-table tbody .table-row:last-child{border-bottom:none}.informasi-table tbody td{border:none;padding:1.5rem 1rem;vertical-align:top}@media(max-width:768px){.informasi-table tbody td{padding:1rem .8rem}}.table-cell-number{text-align:center}.table-cell-number .number-badge{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:inline-flex;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;transition:all .3s ease;width:45px}.table-row:hover .table-cell-number .number-badge{box-shadow:0 6px 20px #3b82f666;transform:scale(1.1)}.table-cell-title h3{font-size:1.1rem}.table-cell-action .access-link{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:25px;box-shadow:0 3px 10px #10b9814d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.table-cell-action .access-link:hover{box-shadow:0 5px 15px #10b98166;transform:translateY(-2px)}.table-cell-action .no-action{background:#f1f5f9;border-radius:25px;color:var(--text-light);display:inline-block;font-size:.9rem;font-style:italic;padding:.6rem 1.2rem}.table-cell-action .contact-ppid-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:25px;box-shadow:0 3px 10px #3b82f64d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.table-cell-action .contact-ppid-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 5px 15px #3b82f666;transform:translateY(-2px)}.table-cell-action .contact-ppid-button:active{transform:translateY(0)}.downloads-section .downloads-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.8rem;padding:.5rem 1rem}.downloads-section .downloads-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto;padding:.5rem}.downloads-section .downloads-list::-webkit-scrollbar{width:4px}.downloads-section .downloads-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.downloads-section .downloads-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.downloads-section .downloads-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.downloads-section .download-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--text-dark);display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .8rem;text-decoration:none;transition:all .3s ease}.downloads-section .download-link:hover{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff;transform:translateX(3px)}.downloads-section .download-link:active{transform:translateX(1px)}.info-footer .footer-card{padding:2.5rem;text-align:center}.info-footer .footer-card h3{margin-bottom:1.5rem}.info-footer .footer-card p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}@media(max-width:768px){.info-footer .footer-card p{font-size:1rem}}.info-footer .footer-card ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}@media(max-width:768px){.info-footer .footer-card ul{grid-template-columns:1fr}}.info-footer .footer-card ul li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-left:4px solid #fbbf24;border-radius:15px;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.info-footer .footer-card ul li:hover{background:#fff3;transform:translateY(-2px)}@media(max-width:1024px){.informasi-setiap-saat-container{padding:0 15px}}@media(max-width:768px){.informasi-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.informasi-table{min-width:800px}.informasi-table thead th{font-size:.85rem;padding:1rem .5rem}.informasi-table tbody td{padding:1rem .5rem}.table-cell-title h3{font-size:.95rem}.table-cell-description p{font-size:.85rem}.downloads-list{max-height:150px}.download-link{font-size:.75rem;padding:.4rem .6rem}}@media(max-width:480px){.informasi-setiap-saat-container{padding:0 10px}.intro-section .intro-card{padding:2rem 1.5rem}.informasi-table{min-width:700px}.downloads-section .downloads-header{font-size:.8rem;padding:.4rem .8rem}.downloads-section .downloads-list{max-height:120px;padding:.3rem}.downloads-section .download-link{font-size:.7rem;padding:.3rem .5rem}.info-footer .footer-card{padding:2rem 1.5rem}}.informasi-dikecualikan-container{margin:0 auto;max-width:1400px;padding:0 20px}.informasi-dikecualikan-container .intro-section{margin-bottom:2rem}.informasi-dikecualikan-container .intro-section .intro-card{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:15px;box-shadow:0 8px 32px #ee5a244d;color:#fff;padding:2rem}.informasi-dikecualikan-container .intro-section .intro-card h2{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1rem}.informasi-dikecualikan-container .intro-section .intro-card p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.informasi-dikecualikan-container .intro-section .intro-card .info-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-left:4px solid #ffffff80;border-radius:10px;padding:1rem}.informasi-dikecualikan-container .intro-section .intro-card .info-note strong{display:block;font-size:1rem;margin-bottom:.5rem}.informasi-dikecualikan-container .search-section{margin-bottom:2rem}.informasi-dikecualikan-container .search-section .search-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper{max-width:500px;position:relative;width:100%}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .search-icon{color:#6c757d;font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .search-input{background:#fff;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .search-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .search-input::placeholder{color:#999}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper .clear-search:hover{background:#f8f9fa;color:#dc3545}.informasi-dikecualikan-container .search-section .search-container .search-results-info{color:#6c757d;font-size:.9rem;text-align:center}.informasi-dikecualikan-container .informasi-table-container{margin-bottom:2rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table{border-collapse:collapse;font-size:.9rem;width:100%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th{border:none;color:#fff;font-size:.95rem;font-weight:600;padding:1.2rem 1rem;position:relative;text-align:left}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th:after{background:#fff3;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th:last-child:after{display:none}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-number{text-align:center;width:60px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-informasi{width:25%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-dasar-hukum{width:20%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-konsekuensi{width:35%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-meta{width:20%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr{border-bottom:1px solid #f1f3f4;transition:all .3s ease}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr:hover{background:linear-gradient(90deg,#ff6b6b0d,#fff);box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr:last-child{border-bottom:none}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td{border:none;padding:1.5rem 1rem;vertical-align:top}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-number{text-align:center}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-number .number-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;box-shadow:0 2px 8px #ee5a244d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;height:35px;justify-content:center;width:35px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-informasi .informasi-content h4{color:#2c3e50;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-dasar-hukum .dasar-hukum-content{align-items:flex-start;display:flex;gap:.5rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-dasar-hukum .dasar-hukum-content .icon{flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-dasar-hukum .dasar-hukum-content p{color:#495057;font-size:.85rem;line-height:1.5;margin:0}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper{display:flex;flex-direction:column;gap:1rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item{align-items:flex-start;border-radius:8px;display:flex;gap:.5rem;padding:.8rem;transition:all .3s ease}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item.konsekuensi-dibuka{background:linear-gradient(135deg,#dc35451a,#fffc);border-left:3px solid #dc3545}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item.konsekuensi-ditutup{background:linear-gradient(135deg,#28a7451a,#fffc);border-left:3px solid #28a745}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item .icon{flex-shrink:0;font-size:1rem;margin-top:.1rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div strong{color:#2c3e50;display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div p{color:#495057;font-size:.8rem;line-height:1.4;margin:0}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content{display:flex;flex-direction:column;gap:1rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item{align-items:flex-start;border-radius:8px;display:flex;gap:.5rem;padding:.6rem;transition:all .3s ease}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item.jangka-waktu{background:linear-gradient(135deg,#1976d21a,#fffc);border-left:3px solid #1976d2}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item.penanggung-jawab{background:linear-gradient(135deg,#7b1fa21a,#fffc);border-left:3px solid #7b1fa2}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item .icon{flex-shrink:0;font-size:1rem;margin-top:.1rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div strong{color:#2c3e50;display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div span{color:#495057;font-size:.8rem;line-height:1.4}.informasi-dikecualikan-container .footer-section .legal-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:2rem;text-align:center}.informasi-dikecualikan-container .footer-section .legal-notice h3{align-items:center;display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.informasi-dikecualikan-container .footer-section .legal-notice p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.informasi-dikecualikan-container .footer-section .legal-notice .reference{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;padding:1rem}.informasi-dikecualikan-container .footer-section .legal-notice .reference strong{font-size:1rem}@media(max-width:1200px){.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table{font-size:.8rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th{font-size:.85rem;padding:1rem .8rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td{padding:1.2rem .8rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item{padding:.6rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div p,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div strong{font-size:.75rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item{padding:.5rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div span,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div strong{font-size:.75rem}}@media(max-width:768px){.informasi-dikecualikan-container{padding:0 15px}.informasi-dikecualikan-container .intro-section .intro-card{padding:1.5rem}.informasi-dikecualikan-container .intro-section .intro-card h2{font-size:1.5rem}.informasi-dikecualikan-container .intro-section .intro-card p{font-size:1rem}.informasi-dikecualikan-container .search-section .search-container .search-input-wrapper{max-width:100%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper{overflow-x:auto}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table{font-size:.75rem;min-width:900px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th{font-size:.8rem;padding:.8rem .6rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-informasi{width:30%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th.table-header-konsekuensi{width:40%}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td{padding:1rem .6rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-number .number-badge{font-size:.9rem;height:30px;width:30px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-informasi .informasi-content h4{font-size:.9rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-dasar-hukum .dasar-hukum-content p{font-size:.75rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item{padding:.5rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div p,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div strong{font-size:.7rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item{padding:.4rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div span,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div strong{font-size:.7rem}.informasi-dikecualikan-container .footer-section .legal-notice{padding:1.5rem}.informasi-dikecualikan-container .footer-section .legal-notice h3{font-size:1.3rem}.informasi-dikecualikan-container .footer-section .legal-notice p{font-size:1rem}}@media(max-width:480px){.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table{font-size:.7rem;min-width:800px}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table thead tr th{font-size:.75rem;padding:.6rem .4rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td{padding:.8rem .4rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item{gap:.3rem;padding:.4rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div p,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-konsekuensi .konsekuensi-wrapper .konsekuensi-item div strong{font-size:.65rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item{gap:.3rem;padding:.3rem}.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div span,.informasi-dikecualikan-container .informasi-table-container .table-wrapper .informasi-dikecualikan-table tbody tr td.table-cell-meta .meta-content .meta-item div strong{font-size:.65rem}}@media(prefers-color-scheme:dark){.informasi-dikecualikan-container .dikecualikan-item{background:#2c3e50;border-color:#34495e}.informasi-dikecualikan-container .dikecualikan-item .item-header:hover{background:#34495e}.informasi-dikecualikan-container .dikecualikan-item .item-header .item-title h3{color:#ecf0f1}.informasi-dikecualikan-container .dikecualikan-item .item-details{background:#34495e;border-top-color:#4a5f7a}.informasi-dikecualikan-container .dikecualikan-item .item-details .detail-section h4{color:#ecf0f1}.informasi-dikecualikan-container .dikecualikan-item .item-details .detail-section p{background:#2c3e50;color:#bdc3c7}.informasi-dikecualikan-container .dikecualikan-item .item-details .detail-meta{background:#2c3e50}.informasi-dikecualikan-container .dikecualikan-item .item-details .detail-meta .meta-item strong{color:#ecf0f1}}.prosedur-container{margin:0 auto;max-width:1200px;padding:0 20px}.tab-navigation{margin-bottom:3rem}.tab-navigation .tab-nav-header{margin-bottom:2rem;text-align:center}.tab-navigation .tab-nav-header h3{color:var(--primary-blue);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.tab-navigation .tab-nav-header p{color:var(--text-light);font-size:1rem;margin:0}.tab-navigation .tab-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}@media(max-width:768px){.tab-navigation .tab-buttons{gap:1rem;grid-template-columns:1fr}}.tab-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #0000000d;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.tab-button:hover{border-color:var(--primary-blue);box-shadow:0 8px 25px #0d208c1a;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,var(--primary-blue) 0,#1e40af 100%);border-color:var(--primary-blue);box-shadow:0 10px 30px #0d208c4d;color:#fff;transform:translateY(-3px)}.tab-button.active .tab-icon{filter:brightness(1.2);transform:scale(1.1)}.tab-button.active .tab-label{color:#fff}@media(max-width:768px){.tab-button{flex-direction:column;padding:1.2rem;text-align:center}}.tab-icon{font-size:2.5rem;transition:all .3s ease}@media(max-width:768px){.tab-icon{font-size:2rem}}.tab-content{flex:1 1}.tab-content .tab-label{color:var(--primary-blue);font-size:1.2rem;font-weight:700;margin:0;transition:color .3s ease}@media(max-width:768px){.tab-content .tab-label{font-size:1.1rem}}.tab-content-wrapper{min-height:400px;position:relative}.tab-content-wrapper .procedure-section{animation:fadeInUp .5s ease-out}.procedure-section .procedure-header .procedure-subtitle{color:var(--text-light);font-size:1.1rem;font-style:italic;margin-top:.5rem;text-align:center}.procedure-section{margin-bottom:4rem}.procedure-section .procedure-header{margin-bottom:3rem;text-align:center}.procedure-section .procedure-header h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}@media(max-width:768px){.procedure-section .procedure-header h2{font-size:2rem}}@media(max-width:480px){.procedure-section .procedure-header h2{font-size:1.5rem}}.procedure-steps{display:flex;flex-direction:column;gap:2rem}.step-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.step-card:before{background:var(--primary-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.step-card:hover{box-shadow:0 15px 40px #3b82f626;transform:translateY(-5px)}@media(max-width:768px){.step-card{flex-direction:column;padding:1.5rem;text-align:center}}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 5px 15px #3b82f666;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-right:2rem;width:60px}@media(max-width:768px){.step-number{margin-bottom:1rem;margin-right:0}}.step-content{flex:1 1}.step-content h3{color:var(--primary-blue);font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:.8rem}.step-content p{color:#4b5563;font-size:1rem;line-height:1.6;margin:0}.step-content p strong{color:var(--primary-blue);font-weight:600}.flowchart-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px}.flowchart-step{align-items:center;background:linear-gradient(135deg,#fff,#fef3c7);border:2px solid #fbbf24;border-radius:15px;box-shadow:0 8px 25px #00000014;display:flex;margin-bottom:1rem;padding:1.5rem 2rem;transition:all .3s ease;width:100%}.flowchart-step:hover{box-shadow:0 12px 35px #fbbf2433;transform:translateX(10px)}@media(max-width:768px){.flowchart-step{flex-direction:column;padding:1.5rem;text-align:center}}.flowchart-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;margin-right:1.5rem;width:50px}@media(max-width:768px){.flowchart-number{margin-bottom:1rem;margin-right:0}}.flowchart-content{flex:1 1}.flowchart-content h3{color:#d97706;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.flowchart-content p{color:#4b5563;font-size:.95rem;line-height:1.5;margin:0}.flowchart-content p strong{color:#d97706;font-weight:600}.flowchart-arrow{color:#f59e0b;font-size:2rem;font-weight:700;margin:.5rem 0}.dispute-procedure{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:900px}.dispute-step{align-items:flex-start;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #3b82f6;border-radius:20px;box-shadow:0 10px 30px #3b82f61a;display:flex;padding:2.5rem;position:relative;transition:all .3s ease}.dispute-step:hover{box-shadow:0 15px 40px #3b82f626;transform:scale(1.02)}@media(max-width:768px){.dispute-step{flex-direction:column;padding:2rem;text-align:center}}.dispute-number{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 6px 20px #ef444466;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:70px;justify-content:center;margin-right:2rem;width:70px}@media(max-width:768px){.dispute-number{margin-bottom:1.5rem;margin-right:0}}.dispute-content{flex:1 1}.dispute-content p{color:#374151;font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.dispute-content p:last-child{margin-bottom:0}.dispute-content p strong{background:linear-gradient(120deg,#dbeafe,#bfdbfe);border-radius:4px;color:#1e40af;font-weight:600;padding:2px 6px}.contact-section{border-top:3px solid #e5e7eb;margin-top:4rem;padding-top:3rem}.contact-card{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;box-shadow:0 15px 40px #3b82f64d;color:#fff;overflow:hidden;padding:3rem;position:relative;text-align:center}.contact-card:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:200%}.contact-card h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:768px){.contact-card{padding:2rem}.contact-card h3{font-size:1.5rem}}.contact-info p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;opacity:.95}.contact-info p strong{font-weight:600}.contact-info ul{list-style:none;margin-top:1.5rem;padding:0}.contact-info ul li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-left:4px solid #fbbf24;border-radius:10px;font-size:1rem;margin-bottom:.8rem;padding:.8rem 1.2rem;transition:all .3s ease}.contact-info ul li:hover{background:#fff3;transform:translateX(5px)}@media(max-width:1024px){.prosedur-container{padding:0 15px}.procedure-section{margin-bottom:3rem}}@media(max-width:768px){.procedure-section .procedure-header h2{font-size:1.8rem}.dispute-step,.step-card{margin-bottom:1.5rem}.dispute-procedure{gap:2rem}}@media(max-width:480px){.prosedur-container{padding:0 10px}.procedure-section{margin-bottom:2.5rem}.procedure-section .procedure-header h2{font-size:1.4rem;line-height:1.2}.dispute-step,.flowchart-step,.step-card{padding:1.2rem}.contact-card{padding:1.5rem}}.ppid-pelaksana-page{padding:0}.ppid-pelaksana-page .upt-grid-page{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0}@media(max-width:768px){.ppid-pelaksana-page .upt-grid-page{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:480px){.ppid-pelaksana-page .upt-grid-page{gap:20px;grid-template-columns:1fr}}.ppid-pelaksana-page .upt-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px var(--shadow);cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .3s ease}.ppid-pelaksana-page .upt-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.ppid-pelaksana-page .upt-card:hover .upt-overlay{opacity:1}.ppid-pelaksana-page .upt-card:hover .upt-logo .logo-img{transform:scale(1.1)}.ppid-pelaksana-page .upt-card .upt-card-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:25px;position:relative;text-align:center;z-index:1}.ppid-pelaksana-page .upt-card .upt-logo{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.ppid-pelaksana-page .upt-card .upt-logo .logo-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:50px;object-fit:contain;transition:all .3s ease;width:50px}.ppid-pelaksana-page .upt-card .upt-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.ppid-pelaksana-page .upt-card .upt-content h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.3;margin:0;max-height:3.9em;overflow:hidden;text-align:center;text-overflow:ellipsis}.ppid-pelaksana-page .upt-card .upt-overlay{align-items:center;background:linear-gradient(135deg,#0d208cf2,#480048f2);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:2}.ppid-pelaksana-page .upt-card .upt-overlay .overlay-content{color:#fff;text-align:center}.ppid-pelaksana-page .upt-card .upt-overlay .overlay-content .overlay-icon{font-size:30px;margin-bottom:10px}.ppid-pelaksana-page .upt-card .upt-overlay .overlay-content span{display:block;font-size:16px;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.infografis-page-content .infographics-section{padding:2rem 0}.infografis-page-content .infographics-section .category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.infografis-page-content .infographics-section .category-filters .filter-btn{background:#fff;border:2px solid var(--primary-blue);border-radius:30px;color:var(--primary-blue);cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.infografis-page-content .infographics-section .category-filters .filter-btn:hover{background:var(--primary-blue);box-shadow:0 5px 15px #0d208c4d;color:#fff;transform:translateY(-2px)}.infografis-page-content .infographics-section .category-filters .filter-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 5px 15px #0d208c4d;color:#fff}@media(max-width:480px){.infografis-page-content .infographics-section .category-filters .filter-btn{font-size:14px;padding:10px 24px}}.infografis-page-content .infographics-section .gallery-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}@media(max-width:768px){.infografis-page-content .infographics-section .gallery-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:480px){.infografis-page-content .infographics-section .gallery-grid{gap:25px;grid-template-columns:1fr}}.infografis-page-content .infographics-section .gallery-item{background:#fff;border-radius:20px;box-shadow:0 8px 30px var(--shadow);overflow:hidden;transition:all .4s ease}.infografis-page-content .infographics-section .gallery-item:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.infografis-page-content .infographics-section .gallery-item .gallery-item-inner{display:flex;flex-direction:column;height:100%}.infografis-page-content .infographics-section .gallery-item .gallery-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.infografis-page-content .infographics-section .gallery-item .gallery-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.infografis-page-content .infographics-section .gallery-item .gallery-image:hover img{transform:scale(1.08)}.infografis-page-content .infographics-section .gallery-item .gallery-image .gallery-overlay{align-items:center;background:#0d208cf2;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}.infografis-page-content .infographics-section .gallery-item .gallery-image .gallery-overlay .gallery-actions{display:flex;gap:20px}.infografis-page-content .infographics-section .gallery-item .gallery-image .gallery-overlay .gallery-actions .action-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 5px 15px #0003;color:var(--primary-blue);cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.infografis-page-content .infographics-section .gallery-item .gallery-image .gallery-overlay .gallery-actions .action-btn:hover{background:var(--primary-blue);color:#fff;transform:scale(1.15)}.infografis-page-content .infographics-section .gallery-item .gallery-image:hover .gallery-overlay{opacity:1}.infografis-page-content .infographics-section .gallery-item .gallery-content{display:flex;flex:1 1;flex-direction:column;padding:30px}.infografis-page-content .infographics-section .gallery-item .gallery-content h3{color:var(--text-dark);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.infografis-page-content .infographics-section .gallery-item .gallery-content p{color:var(--text-light);flex:1 1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.infografis-page-content .infographics-section .gallery-item .gallery-content .category-badge{align-self:flex-start;background:linear-gradient(135deg,#0d208c1a,#4800481a);border:1px solid #0d208c33;border-radius:25px;color:var(--primary-blue);font-size:.9rem;font-weight:600;padding:8px 16px}.infografis-page-content .infographics-section .no-results{padding:60px 20px}.infografis-page-content .infographics-section .no-results p{color:var(--text-light);font-size:1.2rem}.infografis-page-content .image-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.infografis-page-content .image-modal .modal-content{align-items:center;background:#fff;border-radius:15px;box-shadow:0 20px 60px #00000080;display:flex;justify-content:center;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.infografis-page-content .image-modal .modal-content .close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:var(--text-dark);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10000}.infografis-page-content .image-modal .modal-content .close-btn:hover{background:#fff;transform:scale(1.1)}.infografis-page-content .image-modal .modal-content img{display:block;height:auto;max-height:calc(90vh - 40px);max-width:100%;object-fit:contain;width:auto}@media(max-width:768px){.infografis-page-content .image-modal{padding:10px}.infografis-page-content .image-modal .modal-content{max-height:95vh;max-width:95vw}.infografis-page-content .image-modal .modal-content .close-btn{font-size:20px;height:35px;right:10px;top:10px;width:35px}.infografis-page-content .image-modal .modal-content img{max-height:calc(85vh - 40px)}}.gallery-item{animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.laporan-pelaksana-container{margin:0 auto;max-width:1400px;padding:0 20px}.intro-section{margin-bottom:3rem}.intro-section .intro-card{background:linear-gradient(135deg,#f8f9ff,#e0e7ff);border:2px solid #3b82f633;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:2.5rem;text-align:center}.intro-section .intro-card h2{color:var(--primary-blue);font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:768px){.intro-section .intro-card h2{font-size:1.8rem}}.intro-section .intro-card p{color:var(--text-dark);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:800px}@media(max-width:768px){.intro-section .intro-card p{font-size:1rem}}.search-section{margin-bottom:2rem}.search-section .search-container{background:#fff;border:1px solid #3b82f61a;border-radius:15px;box-shadow:0 8px 25px #00000014;padding:1.5rem}.search-section .search-input-wrapper{align-items:center;display:flex;margin:0 auto;max-width:500px;position:relative}.search-section .search-input-wrapper .search-icon{color:var(--primary-color);font-size:1.2rem;left:15px;position:absolute;z-index:2}.search-section .search-input-wrapper .search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;padding:12px 45px;transition:all .3s ease;width:100%}.search-section .search-input-wrapper .search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-section .search-input-wrapper .search-input::placeholder{color:#64748b}.search-section .search-input-wrapper .clear-search{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:15px;transition:all .3s ease}.search-section .search-input-wrapper .clear-search:hover{background:#f1f5f9;color:var(--primary-color)}.search-section .search-results-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px;color:var(--primary-blue);font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;text-align:center}.laporan-table-container{background:#fff;border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 15px 50px #0000001a;margin-bottom:3rem;overflow:hidden}@media(max-width:768px){.laporan-table-container{-webkit-overflow-scrolling:touch;border-radius:15px;box-shadow:0 10px 30px #00000014;overflow-x:auto}}.laporan-table{border-collapse:collapse;font-family:inherit;width:100%}@media(max-width:768px){.laporan-table{min-width:750px}}.laporan-table thead{background:var(--primary-gradient)}.laporan-table thead tr{box-shadow:0 2px 10px #0000001a}.laporan-table thead th{border:none;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;text-align:left;text-transform:uppercase}.laporan-table thead th.table-header-year{text-align:center;width:100px}.laporan-table thead th.table-header-title{width:30%}.laporan-table thead th.table-header-description{width:50%}.laporan-table thead th.table-header-action{text-align:center;width:20%}@media(max-width:768px){.laporan-table thead th{font-size:.9rem;padding:1rem .8rem}}.laporan-table tbody .table-row{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.laporan-table tbody .table-row:hover{background:linear-gradient(135deg,#f8faff,#f0f7ff);box-shadow:0 5px 20px #3b82f61a;transform:scale(1.01)}.laporan-table tbody .table-row:last-child{border-bottom:none}.laporan-table tbody td{border:none;padding:1.5rem 1rem;vertical-align:top}@media(max-width:768px){.laporan-table tbody td{padding:1rem .8rem}}.table-cell-year{text-align:center}.table-cell-year .year-badge{align-items:center;background:var(--primary-gradient);border-radius:15px;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:inline-flex;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;transition:all .3s ease;width:60px}.table-row:hover .table-cell-year .year-badge{box-shadow:0 6px 20px #3b82f666;transform:scale(1.1)}.table-cell-title h3{color:var(--primary-blue);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0}@media(max-width:768px){.table-cell-title h3{font-size:1rem}}.table-cell-description p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0;text-align:justify}@media(max-width:768px){.table-cell-description p{font-size:.9rem}}.table-cell-action{text-align:center}.table-cell-action .download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.table-cell-action .download-btn .download-icon{font-size:1.1rem}.table-cell-action .download-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.table-cell-action .download-btn:active{transform:translateY(0)}.no-results{padding:3rem 1rem;text-align:center}.no-results .no-results-card{background:linear-gradient(135deg,#fff1f2,#fecaca);border:2px solid #ef444433;border-radius:20px;margin:0 auto;max-width:500px;padding:2rem}.no-results .no-results-card h3{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.no-results .no-results-card p{color:#7f1d1d;font-size:1rem;margin-bottom:1.5rem}.no-results .no-results-card .clear-search-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.no-results .no-results-card .clear-search-btn:hover{box-shadow:0 5px 15px #dc26264d;transform:translateY(-2px)}.info-footer{margin-top:4rem}.info-footer .footer-card{background:linear-gradient(135deg,var(--primary-blue) 0,#1e40af 100%);border-radius:20px;box-shadow:0 15px 40px #3b82f64d;color:#fff;overflow:hidden;padding:3rem;position:relative}.info-footer .footer-card:before{animation:shine 4s infinite;background:linear-gradient(45deg,#0000 40%,#ffffff14 50%,#0000 60%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:200%}.info-footer .footer-card h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}@media(max-width:768px){.info-footer .footer-card h3{font-size:1.6rem}}.info-footer .footer-card .info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.info-footer .footer-card .info-grid{gap:1.5rem;grid-template-columns:1fr}}.info-footer .footer-card .info-grid .info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-left:4px solid #fbbf24;border-radius:15px;padding:1.5rem;transition:all .3s ease}.info-footer .footer-card .info-grid .info-item:hover{background:#ffffff26;transform:translateY(-2px)}.info-footer .footer-card .info-grid .info-item h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.8rem}@media(max-width:768px){.info-footer .footer-card .info-grid .info-item h4{font-size:1.1rem}}.info-footer .footer-card .info-grid .info-item p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0}@media(max-width:768px){.info-footer .footer-card .info-grid .info-item p{font-size:.9rem}}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@media(max-width:1024px){.laporan-pelaksana-container{padding:0 15px}}@media(max-width:480px){.laporan-pelaksana-container{padding:0 10px}.intro-section .intro-card{padding:2rem 1.5rem}.laporan-table{min-width:650px}.table-cell-action .download-btn{font-size:.85rem;padding:.6rem 1rem}.info-footer .footer-card{padding:2rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}:root{--primary-gradient:linear-gradient(90deg,#0d208c,#480048);--primary-blue:#0d208c;--primary-purple:#480048;--text-dark:#333;--text-light:#666;--bg-light:#f8f9fa;--white:#fff;--shadow:#0000001a}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(90deg,#0d208c,#480048);background:var(--primary-gradient);color:#fff}.btn.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn.btn-outline{background:#0000;border:2px solid #0d208c;border:2px solid var(--primary-blue);color:#0d208c;color:var(--primary-blue)}.btn.btn-outline:hover{background:#0d208c;background:var(--primary-blue);color:#fff}.section{padding:80px 0}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 15px}.section{padding:60px 0}}
/*# sourceMappingURL=main.580ad108.css.map*/