*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{padding-top:110px}#root{width:100%}.sdabk-container{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.main-header{color:#fff;box-sizing:border-box;background-color:#001244;width:100%;margin:0;padding:20px 5% 40px;position:relative;top:0}.banner{width:100%;height:400px;position:relative;overflow:hidden}@keyframes slide-auto{0%,28%{transform:translate(0)}33%,61%{transform:translate(-33.33%)}to{transform:translate(0)}}.nav-links li{color:#fff;cursor:pointer;white-space:nowrap;font-size:16px}.dropdown-menu{z-index:10;background-color:#001244;min-width:150px;padding:10px;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 8px #0003}.dropdown-menu li{margin-right:5px;padding:8px 0}.brand img{object-fit:contain;width:auto;height:60px;display:block}.brand-text h1{max-width:500px;margin:12px;font-size:1.2rem;line-height:1.1}.sub-brand-text{letter-spacing:.5px;margin:0;font-size:.8rem;font-weight:500;display:block}.brand-text h1{margin-bottom:2px!important}.info-boxes-container{z-index:5;background:#001244;border-radius:15px;justify-content:center;align-items:center;width:90%;max-width:1000px;margin:-40px auto 40px;display:flex;position:relative;box-shadow:0 10px 30px #0000001a}.info-box{cursor:pointer;border-right:1px solid #001244;flex:1;justify-content:center;align-items:center;padding:30px 20px;transition:background .3s;display:flex}.info-box:hover{background-color:#001244}.info-icon{color:#001244;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-weight:700;display:flex}.info-text{color:#f9f9f9;font-size:1.1rem;font-weight:600}@media (width<=768px){.info-boxes-container{z-index:10;background:#001244;border-radius:4px;justify-content:center;align-items:center;width:90%;max-width:1000px;margin:-5px auto 0;display:flex;position:relative;box-shadow:0 10px 30px #0003}.info-box{border-bottom:1px solid #001244;border-right:none;width:100%}}.section-header{text-align:center;margin-bottom:30px}.news-title-header{color:#001244;letter-spacing:1px;padding-top:25px;font-size:1.3rem;font-weight:800}.news-card{background:0 0;flex-direction:column;display:flex}.news-card-image img{object-fit:cover;border-radius:10px;width:100%;height:200px}.news-card-content{padding-top:15px}.news-category{color:#d38b5d;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.news-card-title{color:#1a1a1a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card-date{color:#777;text-transform:uppercase;font-size:.8rem}.view-more-container{justify-content:center;margin-top:20px;display:flex}.btn-view-more{color:#fff;cursor:pointer;background-color:#001244;border:none;border-radius:4px;padding:12px 30px;font-weight:700;transition:opacity .3s}.btn-view-more:hover{opacity:.9}@media (width<=768px){.news-grid{grid-template-columns:1fr}}.informasi-section{box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;width:100%;margin-top:10px;margin-bottom:0;padding:3px 5% 5px;display:flex}.informasi-title{color:#001244;text-align:center;margin-top:25px;margin-bottom:40px;font-size:1.3rem;font-weight:800}.informasi-grid{grid-template-columns:repeat(4,1fr);gap:30px;width:100%;max-width:1100px;display:grid}.informasi-card{text-align:center;cursor:pointer;background-color:#f2f2f2;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:8px 2px;transition:transform .3s,box-shadow .3s;display:flex}.informasi-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}@media (width<=992px){.informasi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.informasi-grid{grid-template-columns:1fr}}.update-section{z-index:1;background-color:#d9e6f7;width:101%;margin-top:50px;padding:60px 5%;position:relative}.update-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 15px #0000000d}.update-header{color:#001244;text-transform:uppercase;text-align:center;align-items:center;width:100%;margin-bottom:20px;font-size:1.3rem;font-weight:800}.text-right{text-align:right;font-weight:600}.gempa-footer{color:#666;margin-top:15px;font-size:.8rem;font-style:italic}.poster-image-wrapper{border-radius:7px;position:relative;overflow:hidden}.poster-image-wrapper img{width:100%;height:auto;display:block}.nav-arrow{cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.event-item{flex-direction:column;gap:10px;display:flex}.event-thumb{border-radius:7px;width:100%}.event-desc{color:#2e7d32;margin:0;font-size:.9rem;font-weight:600}.event-date{color:#888;font-size:.75rem}@media (width<=992px){.update-container{grid-template-columns:1fr}}.gallery-section{box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;width:100%;padding:30px 5%;display:flex}.gallery-title{color:#001244;letter-spacing:0;text-align:center;margin-bottom:30px;font-size:1.3rem;font-weight:800}.tab-btn.active,.tab-btn:hover{color:#fff;background-color:#001244}.gallery-card{background:#fff;border:1px solid #eee;border-radius:12px;height:100%;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.gallery-img-container,.gallery-video-container{background:#f9f9f9;width:100%;height:200px}.gallery-img-container img{object-fit:cover;width:100%;height:100%}.gallery-video-container iframe{border:none;width:100%;height:100%}.doc-placeholder{color:#001244;background-color:#f2f2f2;justify-content:center;align-items:center;height:100%;font-weight:700;display:flex}.video-unavailable{color:#888;background:#222;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.gallery-info{padding:15px}.gallery-category{color:#3b82f6;margin-bottom:5px;font-size:.7rem;font-weight:800}.gallery-caption{color:#333;font-size:.95rem;font-weight:700;line-height:1.3}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.gallery-grid{grid-template-columns:1fr}.gallery-tabs{flex-wrap:wrap;justify-content:center}}.main-footer{color:#fff;z-index:1;background-color:#001244;width:100%;margin-top:50px;padding:60px 0 0;position:relative}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:100px;max-width:1200px;margin:0 auto;padding:0 5% 50px;display:grid}.footer-brand{text-align:left;align-items:flex-start;gap:15px;display:flex}.branding-col{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{align-items:flex-start;width:auto;height:60px}.footer-brand-text p{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.footer-title{margin-bottom:25px;font-size:1.1rem;font-weight:700}.footer-list{padding:0;list-style:none}.footer-list li{color:#ccc;align-items:center;gap:10px;margin-bottom:12px;font-size:.85rem;display:flex}.footer-socials{gap:10px;margin-top:20px;display:flex}.social-circle{border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;transition:all .3s;display:flex}.social-circle:hover{color:#001244;background:#fff}.footer-bottom{background-color:#0003;width:100%;padding:20px 5%}.bottom-content{color:#aaa;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:.75rem;display:flex}.highlight{color:#fff;text-decoration:none}.update-section{z-index:1;box-sizing:border-box;background-color:#d9e6f7;width:100%;margin-top:50px;padding:60px 5%;position:relative}@media (width<=992px){.footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=600px){.footer-container{text-align:center;grid-template-columns:1fr}.footer-brand,.footer-list li{justify-content:center}.bottom-content{text-align:center;flex-direction:column;gap:10px}}.footer-agency-name{max-width:300px;margin-bottom:5px;font-size:.9rem;font-weight:800;line-height:1.2}.footer-address-text{color:#ccc;letter-spacing:1px;max-width:280px;margin-top:5px;font-size:.7rem;font-weight:200;line-height:1.7}.profile-page{background-color:#f4f7f6;justify-content:center;align-items:flex-start;min-height:100vh;margin-top:90px;padding:40px 20px;display:flex}.profile-container{text-align:center;background:#fff;border-top:6px solid #001244;border-radius:15px;width:100%;max-width:900px;padding:40px;box-shadow:0 4px 20px #0000001a}.profile-title{color:#001244;margin-bottom:10px;font-size:28px}.profile-divider{border:0;border-top:1px solid #eee;margin:15px 0}.profile-meta{color:#666;margin-bottom:10px;font-size:14px}.profile-content{text-align:justify;color:#333;margin-top:20px;line-height:1.8}.profile-content p{text-indent:30px;margin-bottom:20px}.profile-content ul{margin-top:15px;padding:0;list-style:none}.profile-content li{margin-bottom:8px;padding-left:10px}.table-container{margin:20px 0;overflow-x:auto}.irigasi-table{border-collapse:collapse;background-color:#fff;width:100%;margin-bottom:20px;font-size:14px}.irigasi-table th{color:#fff;text-align:center;background-color:#001244;border:1px solid #ddd;padding:12px}.irigasi-table td{vertical-align:middle;border:1px solid #ddd;padding:10px}.irigasi-table tr:nth-child(2n){background-color:#f9f9f9}.row-category{font-weight:700;background-color:#e9ecef!important}.vm-page{background-color:#f8fafc;min-height:100vh;margin-top:90px;padding:40px 20px;font-family:Inter,system-ui,sans-serif}.vm-container{max-width:900px;margin:0 auto}.vm-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:50px;box-shadow:0 10px 30px #0000000a}.vm-title{color:#001244;text-align:center;margin-bottom:15px;font-size:25px;font-weight:800}.vm-meta{text-align:center;color:#64748b;margin-bottom:20px;font-size:14px}.vm-divider{background:#e2e8f0;border:0;height:1px;margin:30px 0}.vm-api-render{color:#334155;font-size:17px;line-height:1.8}.vm-api-render p{margin-bottom:20px}.vm-api-render .ql-align-justify{text-align:justify}.vm-api-render .ql-align-center{text-align:center}.vm-api-render h2{color:#001244;align-items:center;margin-top:40px;margin-bottom:15px;font-size:24px;font-weight:700;display:flex}.vm-api-render h2:before{content:"";background:#ff4d4d;border-radius:10px;width:4px;height:24px;margin-right:12px}.vm-api-render ol,.vm-api-render ul{margin-bottom:25px;padding-left:20px}.vm-api-render li{margin-bottom:15px;padding-left:10px}.vm-api-render strong{color:#0f172a}.vm-api-render em{color:#475569;font-style:italic}.vm-api-render a{color:#2563eb;text-decoration:underline}@media (width<=768px){.vm-card{padding:30px 20px}.vm-title{font-size:24px}.vm-api-render{font-size:16px}}.ts-page{background-color:#f4f7f6;justify-content:center;align-items:flex-start;min-height:100vh;margin-top:90px;padding:40px 20px;display:flex}.ts-container{width:100%;max-width:1000px}.ts-card{background:#fff;border-left:6px solid #001244;border-radius:15px;padding:40px;box-shadow:0 4px 20px #0000001a}.ts-main-title{color:#004d40;text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.ts-meta{color:#666;text-align:center;margin-bottom:10px;font-size:14px}.ts-divider{border:0;border-top:1px solid #eee;margin:15px 0}.ts-content{text-align:justify;color:#333;margin-top:20px;line-height:1.8}.ts-content ol{margin-left:20px;line-height:1.6}.ts-content ul{padding-left:0;font-weight:700;list-style-type:none}.ts-content ul li{margin-bottom:8px}.ts-section{margin-bottom:30px}.ts-subtitle{color:#004d40;border-bottom:2px solid #004d40;margin-bottom:15px;font-size:18px;font-weight:700;display:inline-block}.ts-content p{margin-bottom:15px}.ts-list{margin-bottom:20px;padding-left:25px}.ts-list li{margin-bottom:8px}.ts-list-bold{padding-left:5px;list-style:none}.ts-list-bold li{color:#2c3e50;margin-bottom:8px;font-weight:700}.tupoksi-page{background-color:#f4f7f6;justify-content:center;align-items:flex-start;min-height:100vh;margin-top:90px;padding:40px 20px;display:flex}.tupoksi-container{width:100%;max-width:1000px}.tupoksi-card{background:#fff;border-top:6px solid #001244;border-radius:18px;padding:40px;box-shadow:0 4px 20px #0000001a}.tupoksi-main-title{color:#001244;text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.tupoksi-meta{color:#666;text-align:center;margin-bottom:10px;font-size:14px}.tupoksi-divider{border:0;border-top:1px solid #eee;margin-bottom:20px}.tupoksi-image-container{justify-content:center;width:100%;margin-bottom:30px;display:flex}.tupoksi-image{border-radius:8px;width:100%;max-width:800px;box-shadow:0 2px 10px #00000026}.tupoksi-content{text-align:justify;color:#333;line-height:1.8}.tupoksi-subtitle{color:#004d40;margin-bottom:10px;font-size:24px;font-weight:700}.tupoksi-label-italic{color:#004d40;margin-top:20px;margin-bottom:10px;font-size:18px;font-style:italic;font-weight:700}.tupoksi-list{margin-top:10px;padding-left:20px}.tupoksi-list li{margin-bottom:10px}.struktur-container{text-align:center;background-color:#f8f9fa;margin-top:90px;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-text h2{color:#001244;margin-bottom:5px}.header-text h3{color:#333;font-size:1.1rem}.header-text p{color:#666;font-size:.85rem;font-style:italic}.diagram-wrapper{flex-direction:column;align-items:center;margin-top:30px;display:flex}.card{background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:15px;font-size:.9rem;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.boss-card{color:#fff;background-color:#0056b3;width:220px}.secretary-card{color:#fff;background-color:#6b8e23;width:180px}.subbag-card{color:#fff;background-color:#e67e22;width:180px}.main-bidang{color:#fff;background-color:#6b8e23;margin-bottom:10px}.main-uptd{color:#fff;background-color:#4b6521;margin-bottom:10px}.subbag-orange{color:#fff;background-color:#d35400;margin-bottom:5px;font-size:.8rem}.seksi{color:#333;background-color:#ebf5fb;border-left:4px solid #3498db;margin-bottom:5px;font-size:.8rem}.dark-card{color:#fff;background-color:#2c3e50}.grid-container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1200px;display:flex}.bidang-group{flex-direction:column;width:200px;display:flex}.vertical-line{background-color:#3498db;width:2px;height:30px}.side-container{align-items:center;gap:0;display:flex}.horizontal-line{background-color:#3498db;width:40px;height:2px}.img-fluid{border-radius:20px;max-width:75%;height:auto;margin-top:50px;box-shadow:0 5px 15px #0003}.pejabat-container{background-color:#f4f7f6;min-height:100vh;padding:40px 5%}.pejabat-card{background:#fff;border-left:5px solid #004d40;border-radius:12px;margin-top:90px;padding:30px;box-shadow:0 4px 20px #00000014}.title-pejabat{color:#004d40;margin-bottom:10px;font-size:1.8rem;font-weight:700}.meta-info{color:#666;gap:20px;margin-bottom:20px;font-size:.85rem;display:flex}.divider{border:0;border-top:1px solid #eee;margin-bottom:20px}.subtitle{color:#444;margin-bottom:20px;font-weight:600}.table-pejabat{border-collapse:collapse;text-align:left;width:100%;margin-top:10px;font-size:.9rem}.table-pejabat th{color:#333;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;padding:15px;font-weight:700}.table-pejabat td{vertical-align:top;color:#555;border-bottom:1px solid #eee;padding:15px;line-height:1.5}.table-pejabat tr:hover{background-color:#f1f8e9}@media (width<=768px){.title-pejabat{font-size:1.4rem}.meta-info{flex-direction:column;gap:5px}.table-pejabat{font-size:.8rem}}.sdm-container{background-color:#f9f9f9;justify-content:center;min-height:80vh;padding:40px 5%;display:flex}.sdm-card{background:#fff;border-left:6px solid #001244;border-radius:12px;width:100%;max-width:900px;margin-top:90px;padding:35px;box-shadow:0 10px 30px #0000000d}.sdm-title{color:#001244;margin-bottom:15px;font-size:1.8rem;font-weight:700}.sdm-meta{color:#777;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.sdm-divider{border:0;border-top:1px solid #eee;margin-bottom:30px}.sdm-list{flex-direction:column;gap:15px;display:flex}.sdm-item{cursor:pointer;background-color:#eff2f3;border:1px solid #0000;border-radius:8px;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.sdm-item:hover{background-color:#fff;border-color:#001244;transform:translate(10px);box-shadow:0 4px 12px #2e7d321a}.sdm-icon{margin-right:15px;font-size:1.2rem}.sdm-link-text{color:#001244;font-size:1.05rem;font-weight:600}@media (width<=600px){.sdm-meta{flex-direction:column;gap:8px}.sdm-title{font-size:1.5rem}}.ruang-lingkup-container{background-color:#f4f7f6;justify-content:center;min-height:100vh;margin-top:90px;padding:40px 5%;display:flex}.ruang-lingkup-card{background:#fff;border-top:6px solid #001244;border-radius:12px;width:100%;max-width:1100px;padding:40px;box-shadow:0 4px 20px #0000001a}.ruang-lingkup-title{color:#001244;margin-bottom:10px;font-size:1.8rem;font-weight:700}.ruang-lingkup-subtitle{color:#555;margin-bottom:20px;font-size:1.1rem;line-height:1.5}.ruang-lingkup-divider{border:0;border-top:1px solid #eee;margin-bottom:30px}.program-list{flex-direction:column;gap:25px;display:flex}.program-item{background-color:#f8fbff;border:1px solid #e0e6ed;border-radius:10px;padding:20px;transition:transform .2s}.program-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.program-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.program-number{color:#fff;background-color:#001244;border-radius:50%;justify-content:center;align-items:center;min-width:35px;height:35px;font-weight:700;display:flex}.program-header h3{color:#001244;margin:0;font-size:1.25rem}.kegiatan-list{padding-left:50px;list-style:none}.kegiatan-list li{color:#444;margin-bottom:10px;line-height:1.6;position:relative}.kegiatan-list li:before{content:"•";color:#001244;font-weight:700;position:absolute;left:-20px}@media (width<=768px){.ruang-lingkup-card{padding:20px}.kegiatan-list{padding-left:20px}.program-header h3{font-size:1.1rem}}.layanan-container{background-color:#f8fafc;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.layanan-card{background:#fff;border-left:8px solid #001244;border-radius:16px;width:100%;max-width:900px;margin-top:90px;padding:40px;box-shadow:0 10px 30px #0000000d}.layanan-title{color:#001244;margin-bottom:10px;font-size:1.8rem;font-weight:800}.layanan-meta{color:#64748b;flex-wrap:wrap;gap:20px;font-size:.85rem;display:flex}.layanan-divider{border:0;border-top:1px solid #e2e8f0;margin:30px 0}.layanan-section{background-color:#fff;border:1px solid #0000;border-radius:12px;margin-bottom:25px;padding:25px;transition:all .3s}.layanan-section:hover{background-color:#fff;border-color:#001244;transform:translateY(-5px);box-shadow:0 10px 20px #0012441a}.layanan-section:hover .sub-list-item{color:#001244}.section-title{align-items:center;gap:15px;margin-bottom:15px;display:flex}.section-number{color:#fff;background-color:#001244;border-radius:50%;justify-content:center;align-items:center;min-width:35px;height:35px;font-weight:700;display:flex}.section-title h3{color:#001244;margin:0;font-size:1.3rem}.sub-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding-left:50px;list-style:none;display:grid}.sub-list-item{color:#334155;align-items:center;gap:10px;font-weight:500;display:flex}.bullet-icon{color:#001244;font-size:14px}.layanan-grid{flex-direction:column;gap:15px;display:flex}.simple-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px 25px;transition:all .3s}.simple-item:hover{background-color:#f8fafc;border-color:#001244;transform:translateY(-10px)}@media (width<=768px){.layanan-card{padding:25px}.layanan-title{font-size:1.8rem}.sub-list{grid-template-columns:1fr;padding-left:0}.layanan-meta{flex-direction:column;gap:5px}}.sungai-container{background-color:#f0f4f8;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.sungai-card{background:#fff;border-top:8px solid #001244;border-radius:16px;width:100%;max-width:1100px;margin-top:90px;padding:40px;box-shadow:0 10px 30px #00000014}.sungai-title{color:#001244;margin:0;font-size:1.8rem;font-weight:800}.sungai-subtitle{color:#666;margin-top:8px;font-size:1.1rem}.sungai-meta{color:#999;gap:20px;margin-top:15px;font-size:.85rem;display:flex}.sungai-divider{border:0;border-top:1px solid #e2e8f0;margin:25px 0}.sungai-table{border-collapse:collapse;width:100%}.sungai-table th{color:#001244;text-align:left;background-color:#f8fafc;border-bottom:2px solid #001244;padding:18px;font-weight:700}.sungai-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px}.sungai-table tr:hover{background-color:#f0f9ff}.font-bold{color:#001244;font-weight:600}.status-badge{border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.status-badge.prov{color:#166534;background-color:#dcfce7}.status-badge.pusat{color:#991b1b;background-color:#fee2e2}@media (width<=768px){.sungai-card{padding:25px}.sungai-title{font-size:1.8rem}.sungai-table{font-size:.9rem}}.rekap-title{text-align:left;background-color:#f8fafc;border-left:4px solid #001244;border-radius:4px;margin-bottom:20px;padding:10px 15px}.rekap-title h3{color:#001244;margin:0;font-size:1.3rem;font-weight:700}.izin-container{background-color:#f1f5f9;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.izin-card{background:#fff;border-left:8px solid #001244;border-radius:12px;width:100%;max-width:950px;margin-top:90px;padding:40px;box-shadow:0 10px 25px #0000000d}.izin-title{color:#001244;text-align:center;margin-bottom:15px;font-size:1.6rem;font-weight:700;line-height:1.4}.izin-meta{color:#64748b;flex-wrap:wrap;gap:20px;font-size:.85rem;display:flex}.izin-divider{border:0;border-top:1px solid #e2e8f0;margin:25px 0}.description-text{color:#334155;margin-bottom:30px;font-size:1.1rem;font-weight:500;line-height:1.6}.arcgis-banner{color:#fff;cursor:pointer;background:linear-gradient(135deg,#001244 0%,#036 100%);border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;padding:25px;transition:all .3s;display:flex}.arcgis-banner:hover{background:linear-gradient(135deg,#001e5a 0%,#004080 100%);transform:translateY(-5px);box-shadow:0 12px 24px #00124433}.arcgis-content{align-items:center;gap:20px;display:flex}.arcgis-icon-wrapper{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.arcgis-text h3{margin:0;font-size:1.2rem}.arcgis-text p{opacity:.8;margin:5px 0 0;font-size:.9rem}.arcgis-action{background:#ffffff1a;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-weight:600;display:flex}.izin-footer{color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:40px;padding-top:20px;font-size:.8rem;font-style:italic}@media (width<=768px){.izin-title{font-size:1.3rem}.arcgis-banner{text-align:center;flex-direction:column;gap:20px}.arcgis-content{flex-direction:column}}.renstra-container{background-color:#f0f2f5;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.renstra-main-card{background:#fff;border-right:8px solid #036;border-radius:15px;width:100%;max-width:1000px;margin-top:90px;padding:40px;box-shadow:0 10px 30px #0000000d}.renstra-title{color:#036;margin-bottom:10px;font-size:1.8rem;font-weight:800}.renstra-meta{color:#888;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.renstra-divider{border:0;border-top:1px solid #eee;margin-bottom:35px}.renstra-grid{flex-direction:column;gap:20px;display:flex}.renstra-item-card{cursor:pointer;background-color:#f8fbff;border:1px solid #e1e8f0;border-radius:12px;align-items:center;gap:25px;padding:25px;transition:all .3s;display:flex}.renstra-item-card:hover{background-color:#fff;border-color:#036;transform:translateY(-5px);box-shadow:0 10px 20px #0033661a}.renstra-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex;box-shadow:0 4px 10px #0000000d}.renstra-info h3{color:#036;margin:0 0 8px;font-size:1.3rem}.renstra-info p{color:#555;margin:0 0 15px;font-size:.95rem;line-height:1.5}.btn-unduh{color:#036;text-transform:uppercase;font-size:.9rem;font-weight:700}@media (width<=768px){.renstra-item-card{text-align:center;flex-direction:column}.renstra-title{font-size:1.7rem}}.renstra-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.renstra-page-btn,.renstra-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.renstra-page-num{padding:8px 14px}.renstra-page-btn:hover:not(:disabled),.renstra-page-num:hover{background-color:#f0f4f8;border-color:#001244}.renstra-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.renstra-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.renstra-pagination{flex-wrap:wrap;gap:6px}.renstra-page-btn,.renstra-page-num{padding:6px 12px;font-size:.9rem}}.iku-container{background-color:#f4f7fa;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.iku-card-main{background:#fff;border-top:8px solid #001244;border-radius:16px;width:100%;max-width:900px;margin-top:90px;padding:40px;box-shadow:0 10px 30px #0000000d}.iku-title{color:#001244;margin-bottom:8px;font-size:1.8rem;font-weight:800}.iku-subtitle{color:#64748b;margin-bottom:15px;font-size:1.1rem}.iku-meta{color:#94a3b8;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.iku-divider{border:0;border-top:1px solid #e2e8f0;margin-bottom:30px}.iku-grid{flex-direction:column;gap:20px;display:flex}.iku-item-card{cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:25px;padding:25px;transition:all .3s;display:flex}.iku-item-card:hover{background-color:#fff;border-color:#001244;transform:translateY(-5px);box-shadow:0 10px 20px #00124414}.iku-icon-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;display:flex;box-shadow:0 4px 10px #0000000d}.iku-info h3{color:#001244;margin:0 0 5px;font-size:1.3rem}.iku-info p{color:#475569;margin:0 0 12px;font-size:.95rem;line-height:1.5}.iku-action{color:#001244;text-transform:uppercase;align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.arrow-btn{transition:transform .3s}.iku-item-card:hover .arrow-btn{transform:translate(10px)}@media (width<=768px){.iku-item-card{text-align:center;flex-direction:column}.iku-title{font-size:1.7rem}}.iku-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.iku-page-btn,.iku-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.iku-page-num{padding:8px 14px}.iku-page-btn:hover:not(:disabled),.iku-page-num:hover{background-color:#f0f4f8;border-color:#001244}.iku-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.iku-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.iku-pagination{flex-wrap:wrap;gap:6px}.iku-page-btn,.iku-page-num{padding:6px 12px;font-size:.9rem}}.pk-container{background-color:#f0f4f8;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.pk-card-wrapper{background:#fff;border-right:8px solid #001244;border-radius:16px;width:100%;max-width:1100px;margin-top:90px;padding:40px;box-shadow:0 15px 35px #0000000d}.pk-title{color:#001244;margin-bottom:5px;font-size:1.8rem;font-weight:800}.pk-subtitle{color:#64748b;margin-bottom:15px;font-size:1.1rem}.pk-meta{color:#94a3b8;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.pk-divider{border:0;border-top:1px solid #e2e8f0;margin-bottom:35px}.pk-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.pk-item-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .3s;display:flex}.pk-item-card:hover{border-color:#001244;transform:translateY(-8px);box-shadow:0 10px 20px #0012441a}.pk-card-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pk-year-tag{color:#fff;background-color:#001244;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.pk-pdf-icon{font-size:1.5rem}.pk-card-body h3{color:#334155;margin-bottom:20px;font-size:1rem;font-weight:600;line-height:1.4}.pk-card-footer{color:#001244;text-transform:uppercase;border-top:1px solid #f1f5f9;padding-top:12px;font-size:.8rem;font-weight:700}@media (width<=768px){.pk-card-wrapper{padding:25px}.pk-title{font-size:1.7rem}.pk-grid{grid-template-columns:1fr}}.pk-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding-top:20px;display:flex}.pk-page-btn,.pk-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.pk-page-num{padding:8px 14px}.pk-page-btn:hover:not(:disabled),.pk-page-num:hover{background-color:#f0f4f8;border-color:#001244}.pk-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.pk-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.pk-pagination{flex-wrap:wrap;gap:6px}.pk-page-btn,.pk-page-num{padding:6px 12px;font-size:.9rem}}.rk-container{background-color:#f5f8fa;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.rk-wrapper{background:#fff;border-left:8px solid #001244;border-radius:12px;width:100%;max-width:900px;margin-top:90px;padding:40px;box-shadow:0 10px 25px #0000000d}.rk-title{color:#001244;margin-bottom:8px;font-size:1.8rem;font-weight:800}.rk-subtitle{color:#64748b;margin-bottom:20px;font-size:1.1rem}.rk-meta{color:#94a3b8;gap:20px;margin-bottom:30px;font-size:.85rem;display:flex}.rk-divider{border:0;border-top:1px solid #e2e8f0;margin-bottom:30px}.rk-list{flex-direction:column;gap:15px;display:flex}.rk-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:20px 25px;transition:all .3s;display:flex}.rk-card:hover{background-color:#f8fbff;border-color:#001244;transform:translate(10px);box-shadow:0 4px 15px #0012440d}.rk-card-left{align-items:center;gap:20px;display:flex}.rk-icon-box{background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.rk-info h3{color:#334155;margin:0;font-size:1.05rem;font-weight:600}.rk-info p{color:#94a3b8;margin:4px 0 0;font-size:.85rem}.rk-card-right{color:#001244;align-items:center;gap:12px;font-size:.85rem;font-weight:700;display:flex}.rk-arrow{font-size:1.1rem;transition:transform .3s}.rk-card:hover .rk-arrow{transform:translate(5px)}@media (width<=768px){.rk-wrapper{padding:25px}.rk-card{flex-direction:column;align-items:flex-start;gap:15px}.rk-card-right{align-self:flex-end}}.rk-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.rk-page-btn,.rk-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.rk-page-num{padding:8px 14px}.rk-page-btn:hover:not(:disabled),.rk-page-num:hover{background-color:#f0f4f8;border-color:#001244}.rk-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.rk-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.rk-pagination{flex-wrap:wrap;gap:6px}.rk-page-btn,.rk-page-num{padding:6px 12px;font-size:.9rem}}.lk-page{background-color:#f0f2f5;justify-content:center;min-height:100vh;margin-top:80px;padding:40px 20px;display:flex}.lk-main-card{background:#fff;border-radius:12px;width:100%;max-width:900px;height:fit-content;padding:40px;box-shadow:0 10px 25px #0000001a}.lk-card-header{margin-bottom:20px}.lk-title{color:#1a202c;margin-bottom:10px;font-size:2rem}.lk-meta{color:#718096;font-size:.9rem}.lk-divider{border:0;border-top:1px solid #edf2f7;margin:25px 0}.lk-document-list{flex-direction:column;gap:15px;display:flex}.lk-document-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:20px;transition:all .2s;display:flex}.lk-document-item:hover{background-color:#f7fafc;border-color:#3182ce;transform:translate(5px)}.lk-doc-icon{color:#e53e3e;margin-right:20px;font-size:2rem}.lk-doc-info{flex-grow:1}.lk-doc-year{color:#3182ce;text-transform:uppercase;font-size:.8rem;font-weight:700}.lk-doc-title{color:#2d3748;margin:4px 0 0;font-size:1.1rem}.lk-download-btn{color:#fff;cursor:pointer;background-color:#3182ce;border:none;border-radius:6px;padding:8px 16px;font-weight:600}@media (width<=600px){.lk-main-card{padding:20px}.lk-document-item{text-align:center;flex-direction:column}.lk-doc-icon{margin-bottom:10px;margin-right:0}}.lk-pagination{border-top:1px solid #edf2f7;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.lk-page-btn,.lk-page-num{color:#3182ce;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.lk-page-num{padding:8px 14px}.lk-page-btn:hover:not(:disabled),.lk-page-num:hover{background-color:#ebf8ff;border-color:#3182ce}.lk-page-num.active{color:#fff;background-color:#3182ce;border-color:#3182ce}.lk-page-btn:disabled{color:#a0aec0;cursor:not-allowed;background-color:#f7fafc;border-color:#e2e8f0}@media (width<=600px){.lk-pagination{flex-wrap:wrap;gap:6px}.lk-page-btn,.lk-page-num{padding:6px 12px;font-size:.9rem}}.aset-container{background:linear-gradient(135deg,#f0f4f8 0%,#d9e2ec 100%);justify-content:center;min-height:100vh;margin-top:90px;padding:60px 5%;display:flex}.aset-wrapper{width:100%;max-width:850px}.aset-header-section{text-align:center;margin-bottom:40px}.aset-main-title{color:#102a43;margin-bottom:10px;font-size:1.8rem;font-weight:800}.aset-main-desc{color:#486581;font-size:1.1rem}.aset-card-stack{flex-direction:column;gap:20px;display:flex}.aset-glass-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;justify-content:space-between;align-items:center;padding:25px 35px;transition:all .4s;display:flex}.aset-glass-card:hover{background:#ffffffe6;transform:scale(1.02);box-shadow:0 15px 30px #102a431a}.aset-badge{color:#fff;background-color:#102a43;border-radius:8px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.aset-card-info h3{color:#102a43;margin:0 0 5px;font-size:1.15rem;font-weight:700}.aset-card-info p{color:#627d98;margin:0;font-size:.9rem}.aset-card-action{flex-direction:column;align-items:center;gap:8px;display:flex}.download-circle{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.open-text{color:#102a43;text-transform:uppercase;font-size:.7rem;font-weight:800}.aset-glass-card:hover .download-circle{color:#fff;background-color:#102a43}@media (width<=600px){.aset-glass-card{text-align:center;flex-direction:column;gap:20px}}.rekap-page{background-color:#fdfdfd;min-height:100vh;padding:80px 5%}.rekap-container{max-width:1200px;margin:90px auto 0}.rekap-intro{margin-bottom:50px}.rekap-tag{color:#d62828;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:800}.rekap-title{color:#003049;margin:10px 0;padding-bottom:0;font-size:1.8rem;font-weight:900}.rekap-desc{color:#666;max-width:600px;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:20px;display:grid}.bento-item{cursor:pointer;color:#fff;border-radius:30px;flex-direction:column;justify-content:space-between;padding:30px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.bento-item:hover{filter:brightness(1.1);transform:scale(.98)}.bento-header{justify-content:space-between;align-items:center;display:flex}.bento-year{opacity:.8;font-size:1.5rem;font-weight:800}.bento-icon{font-size:2rem}.bento-item h3{margin:15px 0;font-size:1.4rem;font-weight:700;line-height:1.2}.text-dark{color:#003049!important}.bento-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50px;padding:8px 20px;font-size:.8rem;font-weight:600}.btn-dark{color:#003049;background:#0030491a!important}.card-large{grid-area:span 2/span 2}.card-medium{grid-area:span 1/span 2}.card-small{grid-area:span 1/span 1}@media (width<=992px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.card-large,.card-medium,.card-small{grid-column:span 1;min-height:200px}.rekap-title{font-size:2rem}}.kalender-page{background-color:#fcfdfe;min-height:100vh;padding:80px 5%}.kalender-container{max-width:800px;margin:90px auto 0}.kalender-intro{text-align:center;margin-bottom:50px}.kalender-title{color:#001244;margin-bottom:10px;padding-bottom:1px;font-size:1.2rem;font-weight:900}.kalender-subtitle{color:#64748b;font-size:1.1rem;line-height:1.6}.kalender-list{flex-direction:column;gap:25px;display:flex}.event-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:20px;transition:all .4s;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000000d}.event-card:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 20px 35px #0012441a}.event-date-box{color:#fff;text-align:center;background-color:#001244;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:30px;display:flex}.event-year{letter-spacing:-1px;font-size:2.2rem;font-weight:900}.event-label{opacity:.8;letter-spacing:2px;margin-top:5px;font-size:.75rem;font-weight:700}.event-content{flex-direction:column;justify-content:space-between;width:100%;padding:30px;display:flex}.event-info h3{color:#001244;margin-bottom:10px;font-size:1.4rem;font-weight:800}.event-info p{color:#64748b;margin-bottom:20px;font-size:.95rem;line-height:1.5}.event-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.event-link{color:#001244;font-size:.85rem;font-weight:700;text-decoration:underline}.event-icon{opacity:.2;font-size:1.5rem}.event-blue .event-date-box{background:linear-gradient(135deg,#001244 0%,#036 100%)}@media (width<=600px){.event-card{flex-direction:column}.event-date-box{min-width:unset;padding:20px}.event-year{font-size:1.8rem}}.rup-container{background-color:#f8fafc;justify-content:center;min-height:100vh;padding:50px 5%;display:flex}.rup-main-card{background:#fff;border-top:8px solid #001244;border-radius:20px;width:100%;max-width:1100px;margin-top:90px;padding:40px;box-shadow:0 10px 40px #0000000a}.rup-title{color:#001244;margin-bottom:8px;font-size:1.8rem;font-weight:800}.rup-subtitle{color:#64748b;margin-bottom:20px;font-size:1.1rem}.rup-meta{color:#94a3b8;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.rup-divider{border:0;border-top:1px solid #f1f5f9;margin-bottom:35px}.rup-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.rup-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.rup-item-card:hover{border-color:#1e40af;transform:translateY(-10px);box-shadow:0 20px 25px -5px #1e40af1a,0 10px 10px -5px #1e40af0a}.rup-card-icon{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.rup-year-label{color:#1e40af;background:#e0e7ff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:800}.rup-card-content h3{color:#1e293b;margin:12px 0 8px;font-size:1.2rem;font-weight:700}.rup-card-content p{color:#64748b;margin-bottom:20px;font-size:.9rem;line-height:1.5}.rup-card-action{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.btn-view{color:#1e40af;font-size:.85rem;font-weight:700}.arrow-icon{transition:transform .3s}.rup-item-card:hover .arrow-icon{transform:translate(8px)}@media (width<=768px){.rup-main-card{padding:25px}.rup-title{font-size:1.8rem}}.layanan-info-container{background-color:#fcfdfe;justify-content:center;min-height:100vh;margin-top:90px;padding:60px 5%;display:flex}.layanan-info-wrapper{background:#fff;border:1px solid #f1f5f9;border-top:8px solid #001244;border-radius:24px;width:100%;max-width:1100px;padding:40px;box-shadow:0 10px 40px #00000008}.layanan-info-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:800}.layanan-info-subtitle{color:#64748b;margin-bottom:20px;font-size:1.1rem}.layanan-info-meta{color:#94a3b8;gap:20px;margin-bottom:25px;font-size:.85rem;display:flex}.layanan-info-divider{border:0;border-top:1px solid #f1f5f9;margin-bottom:40px}.layanan-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.layanan-info-card{cursor:pointer;background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:space-between;padding:30px;transition:all .4s;display:flex}.layanan-info-card:hover{background-color:#0f172a;transform:translateY(-10px);box-shadow:0 20px 30px #0f172a26}.layanan-info-card-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.info-year-badge{color:#0f172a;background-color:#f1f5f9;border-radius:50px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .3s}.info-icon{opacity:.7;font-size:1.5rem}.layanan-info-card-body h3{color:#1e293b;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4;transition:all .3s}.layanan-info-card-body p{color:#64748b;margin-bottom:25px;font-size:.95rem;line-height:1.6;transition:all .3s}.layanan-info-card-footer{border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding-top:20px;display:flex}.info-action-text{color:#0f172a;font-size:.9rem;font-weight:700;transition:all .3s}.info-arrow{color:#001244;transition:transform .3s}.layanan-info-card:hover .info-year-badge{color:#fff;background-color:#ffffff1a}.layanan-info-card:hover h3,.layanan-info-card:hover p,.layanan-info-card:hover .info-action-text,.layanan-info-card:hover .info-arrow{color:#fff}.layanan-info-card:hover .info-arrow{transform:translate(8px)}@media (width<=768px){.layanan-info-wrapper{padding:25px}.layanan-info-title{font-size:1.8rem}}.finance-container{background-color:#f3f4f6;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.finance-wrapper{width:100%;max-width:1200px}.finance-header{border-bottom:3px solid #036;justify-content:space-between;align-items:flex-end;margin-bottom:50px;padding-bottom:20px;display:flex}.finance-title-area h1{color:#036;margin:0;font-size:1.8rem;font-weight:900}.finance-title-area p{color:#6b7280;margin:5px 0 0}.finance-title-area{flex-direction:column;gap:10px;display:flex}.rup-meta{color:#64748b;gap:20px;margin-top:5px;font-size:.85rem;display:flex}.finance-header{border-bottom:3px solid #036;margin-bottom:40px;padding-bottom:20px}.audit-badge{color:#fff;letter-spacing:1px;background-color:#059669;border-radius:4px;padding:8px 16px;font-size:.8rem;font-weight:700}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.finance-paper-card{cursor:pointer;background-color:#fff;border-radius:2px;flex-direction:column;padding:30px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.finance-paper-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.paper-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.finance-year{color:#036;font-size:1.5rem;font-weight:900}.finance-tag{color:#059669;text-transform:uppercase;border:1px solid #059669;padding:2px 8px;font-size:.65rem;font-weight:800}.paper-body h3{color:#1f2937;flex-grow:1;margin:0 0 20px;font-size:1.1rem;font-weight:700;line-height:1.5}.file-info{color:#9ca3af;align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.paper-footer{border-top:1px dashed #e5e7eb;margin-top:25px;padding-top:15px}.view-link{color:#036;text-transform:uppercase;font-size:.85rem;font-weight:800}@media (width<=768px){.finance-header{flex-direction:column;align-items:flex-start;gap:20px}}.capaian-container{background-color:#f8fafc;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.capaian-wrapper{width:100%;max-width:1100px}.capaian-header{border-left:5px solid #1e40af;margin-bottom:50px;padding-left:25px}.capaian-header h1{color:#0f172a;margin-bottom:5px;font-size:1.8rem;font-weight:800}.capaian-header p{color:#64748b;margin-bottom:15px;font-size:1.1rem}.capaian-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.capaian-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.capaian-card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.card-top-decoration{background-color:var(--accent);width:100%;height:6px}.card-body{flex-grow:1;padding:30px}.card-icon-circle{background-color:#f1f5f9;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:2rem;transition:all .3s;display:flex}.capaian-card:hover .card-icon-circle{background-color:var(--accent);color:#fff}.card-body h3{color:#1e293b;margin-bottom:12px;font-size:1.25rem;font-weight:700}.card-body p{color:#64748b;margin-bottom:25px;font-size:.9rem;line-height:1.6}.capaian-status-box{background-color:#f8fafc;border-radius:12px;padding:15px}.status-label{color:#94a3b8;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.progress-bar-bg{background-color:#e2e8f0;border-radius:10px;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--accent);border-radius:10px;width:100%;height:100%}.card-footer{color:var(--accent);background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 30px;font-size:.85rem;font-weight:700;display:flex}.arrow-move{transition:transform .3s}.capaian-card:hover .arrow-move{transform:translate(10px)}@media (width<=600px){.capaian-header h1{font-size:1.8rem}}.reg-container{background-color:#f8fafc;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.reg-wrapper{width:100%;max-width:1000px}.reg-header{text-align:left;margin-bottom:50px}.reg-header h1{color:#0f172a;margin-bottom:10px;font-size:1.8rem;font-weight:800}.reg-header p{color:#64748b;margin-bottom:20px;font-size:1.1rem}.reg-list{flex-direction:column;gap:20px;display:flex}.reg-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:25px;padding:25px;transition:all .3s;display:flex}.reg-card:hover{border-color:#1e40af;transform:translate(10px);box-shadow:0 10px 20px #0000000d}.reg-badge{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:80px;height:80px;font-size:1.2rem;font-weight:900;display:flex}.reg-content{flex-grow:1}.reg-number{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.reg-title{color:#1e293b;margin-top:5px;font-size:1.15rem;font-weight:700;line-height:1.4}.reg-action{color:#1e40af;white-space:nowrap;align-items:center;gap:15px;font-size:.9rem;font-weight:800;display:flex}.reg-icon{font-size:1.5rem}@media (width<=768px){.reg-card{text-align:left;flex-direction:column;align-items:flex-start;gap:15px}.reg-badge{width:100%;height:50px}.reg-action{border-top:1px solid #f1f5f9;justify-content:space-between;width:100%;padding-top:15px}}.bk-reg-container{background-color:#f1f5f9;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.bk-reg-wrapper{width:100%;max-width:1100px}.bk-reg-header{border-left:6px solid #1e3a8a;margin-bottom:50px;padding-left:25px}.bk-reg-header h1{color:#0f172a;margin-bottom:10px;font-size:1.8rem;font-weight:800}.bk-reg-header p{color:#475569;margin-bottom:15px;font-size:1.1rem}.bk-reg-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.bk-reg-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.bk-reg-card:hover{border-color:#1e3a8a;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.bk-card-accent{width:100%;height:8px}.bk-card-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.bk-type-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.8rem;font-weight:800}.bk-card-content h3{color:#1e293b;flex-grow:1;margin-bottom:25px;font-size:1.1rem;font-weight:700;line-height:1.5}.bk-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.bk-download-text{color:#64748b;font-size:.85rem;font-weight:700}.bk-icon-pdf{color:#dc2626;background-color:#fee2e2;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:900}@media (width<=600px){.bk-reg-header h1{font-size:1.8rem}.bk-reg-grid{grid-template-columns:1fr}}.kip-container{background-color:#f0f4f8;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.kip-wrapper{width:100%;max-width:1100px}.kip-header{background:#fff;border-left:8px solid #0284c7;border-radius:16px;margin-bottom:50px;padding:30px;box-shadow:0 4px 15px #0000000d}.kip-title-box h1{color:#0f172a;margin-bottom:8px;font-size:1.8rem;font-weight:800}.kip-title-box p{color:#64748b;margin-bottom:15px;font-size:1.1rem}.kip-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.kip-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .4s;display:flex;overflow:hidden}.kip-card:hover{border-color:#94a3b8;transform:scale(1.02);box-shadow:0 20px 30px #00000014}.kip-card-top{color:#fff;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.kip-cat-label{letter-spacing:1px;font-size:.9rem;font-weight:900}.kip-icon{font-size:1.2rem}.kip-card-body{flex-direction:column;flex-grow:1;padding:25px;display:flex}.kip-number{color:#64748b;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:800}.kip-card-body h3{color:#1e293b;flex-grow:1;margin-bottom:25px;font-size:1.15rem;font-weight:700;line-height:1.5}.kip-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.btn-download{color:#0f172a;font-size:.85rem;font-weight:800}.pdf-indicator{color:#ef4444;background:#fee2e2;border-radius:6px;padding:2px 10px;font-size:.75rem;font-weight:900}@media (width<=768px){.kip-header{text-align:center;border-top:8px solid #0284c7;border-left:none}}.admin-reg-container{background-color:#f4f7f9;justify-content:center;min-height:100vh;margin-top:90px;padding:80px 5%;display:flex}.admin-reg-wrapper{width:100%;max-width:900px}.admin-reg-header{text-align:left;margin-bottom:50px}.admin-reg-header h1{color:#1a202c;margin-bottom:10px;font-size:1.8rem;font-weight:800}.admin-reg-header p{color:#4a5568;margin-bottom:20px;font-size:1.1rem}.admin-reg-list{flex-direction:column;gap:25px;display:flex}.admin-card{cursor:pointer;background:#fff;border-left:6px solid #1a202c;border-radius:4px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.admin-card:hover{border-left-color:#2c5282;transform:translate(10px);box-shadow:0 10px 20px #0000001a}.admin-card-side{background-color:#f8fafc;border-right:1px solid #edf2f7;justify-content:center;align-items:center;width:80px;font-size:2rem;display:flex}.admin-card-main{flex-grow:1;padding:25px}.admin-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-badge{color:#2b6cb0;text-transform:uppercase;background-color:#ebf4ff;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:800}.admin-date{color:#a0aec0;font-size:.8rem}.admin-card-main h3{color:#2d3748;margin-bottom:20px;font-size:1.2rem;font-weight:700;line-height:1.5}.admin-card-footer{justify-content:space-between;align-items:center;display:flex}.admin-view-btn{color:#2c5282;font-size:.9rem;font-weight:700;text-decoration:underline}.admin-file-type{color:#c53030;background-color:#fff5f5;border:1px solid #feb2b2;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:900}@media (width<=600px){.admin-card{border-top:6px solid #1a202c;border-left:none;flex-direction:column}.admin-card-side{width:100%;padding:15px}}.sop-container{background-color:#f5f7fa;justify-content:center;min-height:100vh;margin-top:100px;padding:80px 5%;display:flex;background-image:none!important}.sop-wrapper{width:100%;max-width:1100px}.sop-header{background:#fff;border-bottom:5px solid #001244;border-radius:12px;margin-bottom:50px;padding:35px;box-shadow:0 4px 6px #00000005}.sop-title-block h1{color:#001244;letter-spacing:-1px;margin-bottom:10px;font-size:1.8rem;font-weight:800}.sop-title-block p{color:#64748b;margin-bottom:15px;font-size:1.1rem}.sop-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.sop-card{cursor:pointer;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sop-card:hover{border-style:solid;border-color:#001244;transform:translateY(-10px);box-shadow:0 15px 30px #00124414}.sop-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.sop-icon-wrap{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.sop-badge-status{color:#15803d;background:#dcfce7;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:800}.sop-instansi-tag{color:#001244;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.sop-card-body h3{color:#1e293b;margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4}.sop-card-body p{color:#64748b;margin-bottom:25px;font-size:.9rem;line-height:1.6}.sop-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;display:flex}.sop-btn-text{color:#001244;font-size:.85rem;font-weight:800}.sop-arrow{transition:transform .3s}.sop-card:hover .sop-arrow{transform:translate(8px)}@media (width<=600px){.sop-title-block h1{font-size:1.8rem}}.sop-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding-top:20px;display:flex}.sop-page-btn,.sop-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.sop-page-num{padding:8px 14px}.sop-page-btn:hover:not(:disabled),.sop-page-num:hover{background-color:#f0f4f8;border-color:#001244}.sop-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.sop-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.sop-pagination{flex-wrap:wrap;gap:6px}.sop-page-btn,.sop-page-num{padding:6px 12px;font-size:.9rem}}.layanan-page-container{background-color:#f5f5f5;justify-content:center;min-height:100vh;margin-top:90px;padding:40px 5% 20px;display:flex}.layanan-page-wrapper{width:100%;max-width:800px}.layanan-page-header{text-align:left;margin-bottom:30px}.layanan-page-header h1{color:#001244;margin:0;font-size:1.8rem;font-weight:800}.line-separator{background-color:#001244;width:60px;height:4px;margin-top:10px}.layanan-list-content{flex-direction:column;gap:15px;display:flex}.layanan-item-card{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:20px;box-shadow:0 2px 4px #0000000d}.layanan-item-body{align-items:flex-start;gap:15px;display:flex}.layanan-item-number{color:#001244;font-size:1.1rem;font-weight:800}.layanan-item-text h3{color:#001244;text-transform:uppercase;margin:0 0 8px;font-size:1.1rem;font-weight:700}.layanan-item-text p{color:#444;margin:0;font-size:1rem;line-height:1.5}@media (width<=600px){.layanan-page-container{padding-top:100px}.layanan-page-header h1{font-size:1.5rem}}.tata-cara-header{text-align:center;border-bottom:3px solid #001244;margin-top:90px;margin-bottom:30px;padding-bottom:0}.evakuasi-container{color:#2d3436;max-width:1000px;margin:90px auto 0;padding:20px;font-family:Inter,sans-serif}.evakuasi-header{text-align:center;border-bottom:4px solid #001244;margin-bottom:20px}.evakuasi-header h1{color:#001244;margin-bottom:5px;padding-top:30px;padding-bottom:20px;font-size:1.8rem}.image-section{text-align:center;margin:25px 0}.main-image{border-radius:12px;width:100%;box-shadow:0 10px 20px #00000026}.info-box{background:#001244;border-left:6px solid #d63031;border-radius:8px;margin-bottom:30px;padding:15px}.timeline{flex-direction:column;gap:15px;display:flex}.timeline-item{background:#f8f9fa;border:1px solid #eee;border-radius:10px;align-items:center;padding:15px;display:flex}.number{color:#fff;background:#d63031;border-radius:50%;justify-content:center;align-items:center;min-width:35px;height:35px;margin-right:15px;font-weight:700;display:flex}.status-footer{color:#fff;text-align:center;background:#2d3436;border-radius:8px;margin-top:40px;padding:20px;font-weight:500}.jadwal-page-wrapper{background-color:#f0f5fa;justify-content:center;align-items:center;min-height:400px;padding:60px 20px;display:flex}.jadwal-card-container{background:#fff;border:1px solid #e1e8ed;border-radius:20px;width:100%;max-width:650px;margin-top:90px;padding-bottom:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 10px 25px #0012440d}.jadwal-card-container:hover{transform:translateY(-12px);box-shadow:0 20px 40px #00124426}.jadwal-header-modern{text-align:center;color:#fff;background-color:#001244;padding:30px;font-size:.8rem}.jadwal-row{cursor:default;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;transition:all .3s;display:flex}.jadwal-row:hover{background:#fff;border-color:#001244;padding-left:25px;transform:scale(1.02)}.day-name{color:#001244;align-items:center;gap:10px;font-weight:700;display:flex}.time-value{color:#4a5568;background:#e2e8f0;border-radius:8px;padding:6px 15px;font-weight:600;transition:all .3s}.jadwal-row:hover .time-value{color:#fff;background:#001244}.jadwal-row.highlight:hover{border-left:8px solid #d63031}.jadwal-row.holiday:hover{background:#fff5f5;border-color:#d63031}.tata-cara-container{color:#333;max-width:900px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.tata-cara-header{text-align:center;border-bottom:3px solid #001244;margin-bottom:30px;padding-bottom:0}.image-section{text-align:center;margin-bottom:40px}.main-image{border-radius:8px;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.alert-box{background-color:#e7f3ff;border-left:5px solid #001244;margin-bottom:25px;padding:15px;font-style:italic}.step-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.step-card h3{color:#001244;margin-top:0}.check-item{background:#f8f9fa;border:1px dashed #ccc;border-radius:4px;padding:10px;font-size:.9rem}.process-footer{color:#fff;text-align:center;background:#343a40;border-radius:8px;margin-top:30px;padding:20px}.hak-kewajiban-wrapper{background-color:#f0f5fa;min-height:100vh;padding:60px 20px;font-family:Inter,sans-serif}.hak-kewajiban-container{background:#fff;border-radius:20px;max-width:1100px;margin:90px auto 0;padding:40px;box-shadow:0 10px 30px #0012440d}.page-header{text-align:center;margin-bottom:30px}.page-header h1{color:#001244;margin-bottom:10px;font-size:1.8rem;font-weight:800}.meta-info{color:#64748b;border-bottom:2px solid #f1f5f9;padding-bottom:20px;font-size:.9rem}.featured-image{text-align:center;margin-bottom:40px}.featured-image img{border-radius:12px;width:100%;max-width:400px}.legal-basis{color:#334155;background:#f8fafc;border-left:5px solid #001244;border-radius:10px;margin-bottom:40px;padding:20px}.grid-content{grid-template-columns:1fr 1fr;gap:30px;display:grid}.info-card{border:1px solid #e2e8f0;border-radius:15px;transition:transform .3s;overflow:hidden}.info-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.card-header{color:#fff;background:#001244;align-items:center;gap:15px;padding:20px;display:flex}.card-header h2{margin:0;font-size:1.25rem}.card-body{padding:25px}.sub-header{color:#d63031;margin-bottom:15px;font-size:.95rem;font-weight:700}.card-body ul{color:#475569;padding-left:20px}.card-body li{margin-bottom:12px;line-height:1.6}.kewajiban-card .card-header{background:#0f172a}.page-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:50px;padding-top:20px;font-size:.85rem}@media (width<=992px){.grid-content{grid-template-columns:1fr}}.istilah-section{background-color:#f4f7fa;justify-content:center;min-height:100vh;padding:80px 20px;display:flex}.istilah-card-container{background:#fff;border-top:6px solid #001244;border-radius:24px;width:100%;max-width:850px;margin-top:90px;padding:40px;box-shadow:0 10px 40px #0012440f}.istilah-header{text-align:center;margin-bottom:50px}.info-tag{color:#fff;text-transform:uppercase;background:#d63031;border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:700}.istilah-header h1{color:#001244;margin:15px 0 10px;font-size:1.8rem;font-weight:800}.istilah-meta{color:#64748b;font-size:.9rem}.istilah-grid{flex-direction:column;gap:25px;display:flex}.istilah-item{cursor:pointer;background:#fbfcfe;border:1px solid #edf2f7;border-radius:18px;align-items:flex-start;gap:20px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.istilah-item:hover{background:#fff;border-color:#001244;transform:translateY(-8px);box-shadow:0 15px 30px #0012441f}.istilah-number{color:#fff;background:#001244;border-radius:10px;justify-content:center;align-items:center;min-width:35px;height:35px;font-size:1rem;font-weight:800;display:flex}.istilah-text h3{color:#001244;margin:0 0 10px;font-size:1.3rem;font-weight:700}.istilah-text p{color:#475569;margin:0;line-height:1.7}.istilah-footer-note{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:50px;padding-top:25px;font-size:.85rem}@media (width<=600px){.istilah-item{flex-direction:column;padding:20px}.istilah-header h1{font-size:1.7rem}}.kalkulator-wrapper{background-color:#f0f5fa;justify-content:center;align-items:center;min-height:80vh;padding:80px 20px;font-family:Inter,sans-serif;display:flex}.kalkulator-container{background:#fff;border-radius:25px;width:100%;max-width:1000px;margin-top:90px;padding:50px;box-shadow:0 15px 40px #00124414}.kalkulator-header{text-align:center;margin-bottom:50px;font-size:1.8rem}.header-tag{color:#fff;text-transform:uppercase;background:#d63031;border-radius:50px;margin-bottom:15px;padding:5px 15px;font-size:.8rem;font-weight:700;display:inline-block}.kalkulator-header h1{color:#001244;margin-bottom:10px;font-size:1.8rem;font-weight:800}.meta-info{color:#64748b;font-size:.9rem}.kalkulator-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.calc-card{text-align:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:20px;padding:40px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.calc-card:hover{background:#fff;border-color:#001244;transform:translateY(-12px);box-shadow:0 20px 40px #0012441f}.calc-icon{margin-bottom:20px;font-size:3rem}.calc-card h3{color:#001244;margin-bottom:15px;font-size:1.4rem}.calc-card p{color:#64748b;margin-bottom:25px;font-size:.95rem;line-height:1.6}.calc-btn{color:#fff;cursor:pointer;background-color:#001244;border:none;border-radius:10px;padding:12px 25px;font-weight:600;transition:background .3s}.calc-btn:hover{background-color:#d63031}.kalkulator-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:50px;padding-top:20px;font-size:.85rem}@media (width<=768px){.kalkulator-container{padding:30px}.kalkulator-header h1{font-size:1.8rem}}.calc-btn-link{width:100%;text-decoration:none;display:block}.calc-btn{cursor:pointer}.tata-cara-container{color:#333;background-color:#fff;border-right:6px solid #001244;border-radius:12px;max-width:1000px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 20px #00000014}.tata-cara-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:15px}.tata-cara-header h1{color:#2c3e50;margin-bottom:10px;font-size:2rem}.rup-meta{color:#7f8c8d;gap:20px;font-size:.85rem;display:flex}.image-section{border-radius:10px;width:100%;margin-bottom:40px;overflow:hidden;box-shadow:0 8px 15px #0000001a}.main-image{width:100%;height:auto;transition:transform .3s;display:block}.main-image:hover{transform:scale(1.02)}.alert-box{color:#856404;background-color:#fff3cd;border-left:5px solid #ffc107;border-radius:4px;margin-bottom:30px;padding:20px;line-height:1.6}.step-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:25px;padding:25px;transition:all .3s}.step-card:hover{background:#fff;border-color:#3498db;box-shadow:0 5px 15px #3498db1a}.step-card h3{color:#2980b9;align-items:center;margin-top:0;margin-bottom:15px;display:flex}.step-card p{color:#555;line-height:1.6}.step-card ul{padding-left:20px}.step-card li{margin-bottom:10px;line-height:1.5}.checklist-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:15px;display:grid}.check-item{color:#0277bd;background:#e1f5fe;border-radius:6px;align-items:center;padding:12px 15px;font-size:.9rem;font-weight:500;display:flex}.process-footer{color:#ecf0f1;text-align:center;background:#2c3e50;border-radius:10px;margin-top:40px;padding:25px;line-height:1.6}.process-footer strong{color:#3498db}@media (width<=768px){.tata-cara-container{margin:10px;padding:15px}.rup-meta{flex-direction:column;gap:5px}.tata-cara-header h1{font-size:1.5rem}.checklist-grid{grid-template-columns:1fr}}.panduan-wrapper{background-color:#f0f2f5;padding:50px 20px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.panduan-container{background:#fff;border-radius:8px;max-width:850px;margin:90px auto 0;overflow:hidden;box-shadow:0 2px 10px #0000001a}.panduan-header{color:#fff;text-align:center;background:#001244;padding:40px}.version-badge{color:#000;background:#ffc107;border-radius:4px;margin-bottom:10px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.subtitle{opacity:.9;margin-bottom:20px;font-size:1.1rem}.panduan-meta{border-top:1px solid #fff3;justify-content:center;gap:15px;padding-top:15px;font-size:.85rem;display:flex}.panduan-content{padding:40px}.panduan-section h3{color:#333;border-left:4px solid #0056b3;margin-bottom:15px;padding-left:15px}.doc-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;margin:30px 0;padding:20px;display:flex}.doc-icon{margin-right:20px;font-size:2.5rem}.doc-details h3{color:#0056b3;margin:0;font-size:1.1rem}.file-info{color:#6c757d;margin-top:5px;font-size:.8rem}.download-btn{color:#fff;background:#28a745;border-radius:5px;margin-left:auto;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s}.download-btn:hover{background:#218838}.toc-list{padding:0;list-style:none}.toc-list li{border-bottom:1px dashed #dee2e6;justify-content:space-between;padding:10px 0;display:flex}.toc-sub{color:#495057;font-size:.95rem;padding-left:30px!important}.toc-page{color:#0056b3;font-weight:700}.note-box{color:#0056b3;background:#e7f3ff;border-radius:8px;margin-top:30px;padding:15px;font-size:.9rem}@media (width<=600px){.doc-card{text-align:center;flex-direction:column}.download-btn{width:100%;margin:15px 0 0}}.latest-news-section{background-color:#fff;justify-content:center;width:100%;margin-top:90px;padding:60px 5%;display:flex}.latest-news-container{width:100%;max-width:1200px}.latest-news-header-title{color:#001244;text-align:left;border-left:5px solid #001244;margin-bottom:40px;padding-left:15px;font-size:1.5rem;font-weight:800}.latest-news-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:25px;display:grid}.latest-news-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.latest-news-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001a}.latest-news-image-wrapper{background-color:#f8f9fa;width:100%;height:200px;overflow:hidden}.latest-news-image-wrapper img{object-fit:cover;width:100%;height:100%}.latest-news-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.latest-news-title{color:#333;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.latest-news-description{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.latest-news-footer{border-top:1px solid #f0f0f0;margin-top:auto;padding-top:15px}.latest-news-date{color:#888;align-items:center;gap:6px;font-size:.78rem;display:flex}.news-icon-cal{font-size:.9rem}.latest-news-action{justify-content:center;margin-top:40px;display:flex}.btn-latest-more{color:#fff;cursor:pointer;background-color:#001244;border:none;border-radius:6px;padding:12px 35px;font-weight:600;transition:all .3s}.btn-latest-more:hover{background-color:#039;transform:scale(1.05)}@media (width<=1024px){.latest-news-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.latest-news-grid{grid-template-columns:1fr}.latest-news-header-title{font-size:1.3rem}}.galeri-container{background-color:#f9f9f9;margin-top:90px;padding:50px 10%}.galeri-header{text-align:left;margin-bottom:40px}.galeri-header h2{color:#002147;margin-bottom:10px;font-size:2rem}.galeri-header .underline{background-color:#001244;width:80px;height:4px}.galeri-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.galeri-card{background:#fff;border-bottom:3px solid #0000;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.galeri-card:hover{border-bottom:3px solid #001244;transform:translateY(-5px)}.galeri-image-wrapper{height:200px;position:relative;overflow:hidden}.galeri-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.galeri-card:hover .galeri-image-wrapper img{transform:scale(1.1)}.galeri-overlay{opacity:0;background:#00214799;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.galeri-card:hover .galeri-overlay{opacity:1}.view-button{color:#002147;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:10px 20px;font-weight:700}.galeri-info{padding:20px}.galeri-date{color:#777;margin-bottom:8px;font-size:.85rem;display:block}.galeri-info h3{color:#333;margin:0;font-size:1.1rem;line-height:1.4}@media (width<=768px){.galeri-container{padding:30px 5%}}.galeri-modal-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.galeri-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s modalFadeIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.galeri-modal-close{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:15px;right:20px}.galeri-modal-close:hover{background:#ff3b3b}.galeri-modal-image{object-fit:contain;background-color:#f5f5f5;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;max-height:60vh}.galeri-modal-body{text-align:left;padding:20px}.galeri-modal-title{color:#0b1a58;margin-bottom:10px;font-size:20px}.galeri-modal-date{color:#777;margin-bottom:15px;font-size:14px}.galeri-modal-desc{color:#444;font-size:15px;line-height:1.6}.video-container{background-color:#fff;margin-top:90px;padding:50px 10%}.video-header{text-align:left;margin-bottom:40px}.video-header h2{color:#002147;margin-bottom:10px;font-size:2rem}.video-header .underline{background-color:#001244;width:80px;height:4px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.video-card{background:#fff;border-bottom:3px solid #0000;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.video-card:hover{border-bottom:3px solid #001244;transform:translateY(-5px)}.video-wrapper{background:#000;width:100%;padding-top:56.25%;position:relative}.video-wrapper video,.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-info{padding:20px}.video-date{color:#777;margin-bottom:8px;font-size:.85rem;display:block}.video-info h3{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.1rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=768px){.video-container{padding:30px 5%}}.banner{width:100%;height:550px;margin-top:90px;position:relative;overflow:hidden}.slider-wrapper{width:300%;height:100%;animation:12s infinite slide-auto;display:flex}.slider-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.banner-overlay{z-index:10;background:linear-gradient(135deg,#00124426 0%,#0006 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.banner-content{color:#fff;text-align:center;text-shadow:0 4px 15px #0009;flex-direction:column;align-items:center;max-width:850px;font-family:Roboto,sans-serif;display:flex;transform:translateY(-40px)}.banner-content h1,.banner-content p{white-space:nowrap;box-sizing:content-box;width:0;margin:0;overflow:hidden}.ketik-h1{letter-spacing:1px;color:#fff;margin-bottom:15px;font-size:3.5rem;font-weight:800;line-height:1.2;animation:12s infinite ketikH1}.ketik-p1{letter-spacing:.5px;color:#e2e8f0;margin-bottom:5px;font-size:1.15rem;font-weight:400;animation:12s infinite ketikP1}.ketik-p2{letter-spacing:.5px;color:#e2e8f0;margin-bottom:35px;font-size:1.15rem;font-weight:400;animation:12s infinite ketikP2}.btn-discover{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#ff4500 0%,#ff6a00 100%);border:none;border-radius:30px;padding:14px 35px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 20px #ff450066}.ketik-btn{clip-path:inset(0 100% 0 0);opacity:0;animation:12s infinite ketikBtn}.btn-discover:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 25px #ff450099}@keyframes ketikH1{0%{border-right:3px solid #fff;width:0}16%{border-right:3px solid #fff;width:30ch}17%,95%{border-right:#0000;width:30ch}96%,to{border-right:#0000;width:0}}@keyframes ketikP1{0%,16%{border-right:#0000;width:0}17%{border-right:3px solid #fff;width:0}33%{border-right:3px solid #fff;width:68ch}34%,95%{border-right:#0000;width:68ch}96%,to{border-right:#0000;width:0}}@keyframes ketikP2{0%,33%{border-right:#0000;width:0}34%{border-right:3px solid #fff;width:0}50%{border-right:3px solid #fff;width:72ch}51%,95%{border-right:#0000;width:72ch}96%,to{border-right:#0000;width:0}}@keyframes ketikBtn{0%,50%{clip-path:inset(0 100% 0 0);opacity:0}51%{clip-path:inset(0 100% 0 0);opacity:1}62%,95%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0 100% 0 0);opacity:0}}@media (width<=768px){.banner{height:450px;margin-top:70px}.banner-overlay{background:linear-gradient(#0012441a 0%,#00000080 100%);padding:0 5%}.banner-content{width:95%;transform:translateY(-20px)}.banner-content h1,.banner-content p{text-align:center;max-width:100%;overflow:visible;white-space:normal!important;border-right:none!important;width:100%!important}.ketik-h1{margin-bottom:12px;line-height:1.3;animation:12s infinite munculDiHp;font-size:1.8rem!important}.ketik-p1{margin-bottom:5px;line-height:1.5;animation:12s 1s infinite munculDiHp;font-size:1rem!important}.ketik-p2{margin-bottom:25px;line-height:1.5;animation:12s 2s infinite munculDiHp;font-size:1rem!important}.ketik-btn{clip-path:none;animation:12s 3s infinite munculDiHp}.btn-discover{padding:12px 28px;font-size:.95rem}@keyframes munculDiHp{0%,5%{opacity:0;transform:translateY(20px)}15%,95%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(20px)}}}.info-boxes-container{z-index:10;border-radius:15px;justify-content:center;align-items:center;width:90%;max-width:1000px;margin:-40px auto 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003;background:#001244!important;border:none!important}.info-box{cursor:pointer;flex:1;justify-content:center;align-items:center;padding:30px 20px 0;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;color:#f9f9f9!important;background-color:#0000!important;border-left:none!important;border-right:1px solid #ffffff1a!important;text-decoration:none!important}.info-box:hover{z-index:1;transform:translateY(-10px);box-shadow:0 15px 35px #0000004d;background-color:#026!important}.info-box:last-child{border-right:none!important}.info-text{font-size:1.1rem;font-weight:600;color:#f9f9f9!important}@media (width<=768px){.banner-content{transform:translateY(-50px)!important}.info-boxes-container{background-color:#001244!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;width:92%!important;margin:-40px auto 30px!important;padding:0!important;display:grid!important;overflow:hidden!important;box-shadow:0 8px 20px #0003!important}.info-box{text-align:center!important;background:0 0!important;border-right:1px solid #ffffff26!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;padding:20px 5px 15px!important;display:flex!important}.info-box:last-child{border-right:none!important}.info-box i,.info-box svg,.info-box img,.info-box .icon-wrapper{object-fit:contain!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0 auto 10px!important;display:flex!important}.info-text{text-align:center!important;color:#fff!important;white-space:normal!important;text-align:center!important;white-space:normal!important;width:100%!important;margin:0!important;font-size:.75rem!important;line-height:1.3!important;display:block!important}}@media (width<=360px){.info-boxes-container{width:98%!important}.info-box{padding:15px 5px!important}.info-text{font-size:.65rem!important}.info-box i,.info-box svg,.info-box img{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}}.news-section{z-index:1;background-color:#d9e6f7;margin-top:-100px;padding:10px 5% 30px;position:relative}.section-header{text-align:center;z-index:2;opacity:0;margin-bottom:30px;position:relative;transform:translateY(60px)scale(.8)}.section-header.show{animation:.8s cubic-bezier(.25,.8,.25,1) forwards popUp}.news-title-header{color:#001244;letter-spacing:1.5px;text-transform:capitalize;text-align:center;margin-top:60px;padding-top:25px;font-size:1.4rem;font-weight:800}.news-title-header:after{content:"";background:linear-gradient(90deg,#3b82f6 0%,#001244 100%);border-radius:10px;width:180px;height:5px;margin:15px auto 70px;display:block}.news-container{max-width:1280px;margin:0 auto;padding:0 24px}.news-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px;display:grid}.news-card{opacity:0;background:#fff;border:1px solid #fffc;border-radius:20px;flex-direction:column;margin-top:-30px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;transform:translateY(60px)scale(.8);box-shadow:0 10px 30px -5px #00124414}.news-card.show{animation:.8s cubic-bezier(.25,.8,.25,1) forwards popUp}.news-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px -5px #00124426}.news-card-image{width:100%;height:220px;position:relative;overflow:hidden}.news-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.news-card:hover .news-card-image img{transform:scale(1.1)}.news-card-content{flex-direction:column;flex-grow:1;padding:25px 20px;display:flex}.news-category{color:#ff4500;text-transform:uppercase;letter-spacing:.8px;background:#ff45001a;border-radius:20px;width:fit-content;margin-bottom:15px;padding:6px 14px;font-size:.7rem;font-weight:700}.news-card-title{color:#001244;-webkit-line-clamp:3;text-transform:capitalize;-webkit-box-orient:vertical;margin:0 0 15px;font-size:1.05rem;font-weight:700;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.news-card:hover .news-card-title{color:#ff4500}.news-card-date{color:#718096;align-items:center;gap:6px;margin-top:auto;font-size:.8rem;font-weight:600;display:flex}.view-more-container{opacity:0;justify-content:center;margin-top:30px;display:flex;transform:translateY(30px)}.view-more-container.show{animation:.8s cubic-bezier(.25,.8,.25,1) .6s forwards popUp}.btn-view-more{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#001244 0%,#026 100%);border:none;border-radius:30px;padding:14px 40px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 6px 15px #00124440}.btn-view-more:hover{background:linear-gradient(90deg,#ff4500 0%,#ff6a00 100%);transform:translateY(-4px);box-shadow:0 10px 25px #ff450066}@keyframes popUp{0%{opacity:0;transform:translateY(60px)scale(.9)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.news-card.show:first-child{animation-delay:.1s}.news-card.show:nth-child(2){animation-delay:.25s}.news-card.show:nth-child(3){animation-delay:.4s}.news-card.show:nth-child(4){animation-delay:.55s}.news-card.show:nth-child(5){animation-delay:.7s}.news-card.show:nth-child(6){animation-delay:.85s}.wave-container{z-index:-1;width:100%;height:100px;position:absolute;top:-100px;left:0;overflow:hidden}.waves{width:100%;height:100%;min-height:150px;max-height:400px;position:relative}.parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax>use:first-child{animation-duration:7s;animation-delay:-2s}.parallax>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.parallax>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.parallax>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}@media (width<=768px){.news-container{padding:40px 20px 0}.news-grid{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.news-title-header{margin-top:50px;padding-top:15px;font-size:1.3rem}.news-title-header:after{width:120px;margin-bottom:40px}.news-card{margin-top:0}.news-card-image{height:190px}.news-card-content{padding:20px}.news-card-title{margin-bottom:12px;font-size:.95rem}.news-card.show:first-child{animation-delay:.1s}.news-card.show:nth-child(2){animation-delay:.2s}.news-card.show:nth-child(3){animation-delay:.3s}.news-card.show:nth-child(4){animation-delay:.1s}.news-card.show:nth-child(5){animation-delay:.2s}.news-card.show:nth-child(6){animation-delay:.3s}.view-more-container{margin-top:15px}.btn-view-more{padding:12px 30px;font-size:.85rem}}@media (width<=360px){.news-title-header{font-size:1.15rem}.news-card-image{height:170px}.news-card-content{padding:15px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.informasi-section{box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;width:100%;margin-top:30px;margin-bottom:0;padding:1px 5% 2px;font-family:Roboto;display:flex;position:relative;overflow:hidden}.informasi-section:before{content:"";opacity:.65;background-image:radial-gradient(#94a3b8 3px,#0000 3px);background-size:18px 18px;width:220px;height:220px;position:absolute;top:20px;left:30px}.informasi-section:after{content:"";opacity:.65;background-image:radial-gradient(#94a3b8 3px,#0000 3px);background-size:18px 18px;width:220px;height:220px;position:absolute;bottom:20px;right:30px}.informasi-title{color:#001244;text-align:center;z-index:2;margin-top:25px;margin-bottom:40px;font-size:1.4rem;font-weight:800;position:relative}.informasi-title:after{content:"";background:#3b82f6;border-radius:10px;width:140px;height:4px;margin:12px auto 0;display:block}.informasi-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:1100px;display:grid;position:relative}.informasi-card{text-align:center;cursor:pointer;background-color:#f2f2f2;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:400px;min-height:200px;margin:-20px auto 0;padding:8px 5px;transition:transform .25s,box-shadow .25s;display:flex}.informasi-card:hover{z-index:5;transform:translateY(-6px)scale(1.05);box-shadow:0 18px 30px #0000001f}.informasi-icon-img{color:#001244;margin-bottom:15px;font-size:3rem}.informasi-card p{color:#001244;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.informasi-swiper{z-index:2;width:100%;max-width:1200px;position:relative;padding:20px 10px 50px!important}.swiper-button-next,.swiper-button-prev{background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#001244!important;z-index:10!important;width:30px!important;height:30px!important}.swiper-button-next:after,.swiper-button-prev:after{font-weight:700;font-size:18px!important}.swiper-pagination-bullet-active{background:#3b82f6!important;border-radius:5px!important;width:25px!important}.informasi-swiper .swiper-slide{height:auto!important}.informasi-swiper .informasi-card{flex-direction:column;justify-content:center;display:flex;height:100%!important}.informasi-swiper:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff,#fff0);width:25%;height:100%;position:absolute;top:0;left:0}.informasi-swiper:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(270deg,#fff,#fff0);width:15%;height:100%;position:absolute;top:0;right:0}@media (width<=992px){.informasi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.informasi-grid{grid-template-columns:1fr}}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.informasi-title,.informasi-card{opacity:0;transform:translateY(50px)}.informasi-title.show,.informasi-card.show{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards slideFadeUp}.informasi-card.show:first-child{animation-delay:.1s}.informasi-card.show:nth-child(2){animation-delay:.2s}.informasi-card.show:nth-child(3){animation-delay:.3s}.informasi-card.show:nth-child(4){animation-delay:.4s}.informasi-card.show:nth-child(5){animation-delay:.5s}.informasi-card.show:nth-child(6){animation-delay:.6s}.informasi-card.show:nth-child(7){animation-delay:.7s}.informasi-card.show:nth-child(8){animation-delay:.8s}.update-section{z-index:1;box-sizing:border-box;background-color:#d9e6f7;width:100%;padding:80px 0;position:relative}.update-header{color:#001244;text-transform:uppercase;text-align:center;letter-spacing:1px;margin-bottom:40px;font-size:1.8rem;font-weight:800}.update-container{grid-template-columns:repeat(3,1fr);gap:30px;width:90%;max-width:1200px;margin:0 auto;display:grid}.update-card{opacity:0;background:url(/white.jpg) 0 0/500px;border-radius:16px;flex-direction:column;margin-top:-35px;margin-bottom:-35px;padding:30px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000008;transition:transform 1.2s ease-in-out,box-shadow 1.2s ease-in-out!important}.update-card.show:hover{z-index:10;cursor:pointer;z-index:10;cursor:pointer;transform:translateY(-12px)scale(1.03)!important;box-shadow:0 25px 50px #00124426!important}.update-card h3{color:#001244;border-bottom:2px solid #001244;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;font-weight:700;display:inline-block}.gempa-table{border-collapse:collapse;width:100%}.gempa-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:12px 0;font-size:.95rem}.gempa-table tr:last-child td{border-bottom:none}.text-right{text-align:right;color:#001244;font-weight:700}.poster-image-wrapper{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.poster-image-wrapper img{width:100%;transition:scale .5s;display:block}.poster-image-wrapper:hover img{scale:1.05}.nav-arrow{cursor:pointer;color:#001244;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.nav-arrow:hover{color:#fff;background:#001244}.nav-arrow.left{left:12px}.nav-arrow.right{right:12px}@media (width<=992px){.update-container{grid-template-columns:1fr;max-width:600px}}@keyframes popUpUpdate{0%{opacity:0;transform:translateY(60px)scale(.8)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.update-card.show{animation:.8s cubic-bezier(.25,.8,.25,1) forwards popUpUpdate}.update-card:first-child.show{animation-delay:.1s}.update-card:nth-child(2).show{animation-delay:.3s}.update-card:nth-child(3).show{animation-delay:.5s}@media (width<=768px){.update-section{padding:40px 0}.update-header{margin-bottom:25px;font-size:1.3rem}.update-container{gap:20px;width:92%}.update-card{margin-top:0;margin-bottom:0;padding:20px}.update-card h3{margin-bottom:15px;font-size:1rem}.gempa-table td{padding:10px 0;font-size:.85rem}.nav-arrow{width:30px;height:30px;font-size:.9rem}.update-card:first-child.show{animation-delay:.1s}.update-card:nth-child(2).show{animation-delay:.2s}.update-card:nth-child(3).show{animation-delay:.3s}}@media (width<=360px){.update-header{font-size:1.15rem}.gempa-table td{font-size:.8rem}.update-card{padding:15px}}.poster-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.poster-modal-content{display:inline-block;position:relative}.poster-modal-content img{object-fit:contain;border-radius:8px;width:auto;max-width:80vw;height:auto;max-height:70vh;animation:.3s ease-in-out scaleUp;display:block;box-shadow:0 10px 30px #0009}.close-modal{color:#fff;cursor:pointer;z-index:10000;background-color:#0009;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:24px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 2px 10px #0000004d}.close-modal:hover{color:#fff;background-color:#ff4d4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gallery-section{background-color:#fff;background-image:linear-gradient(135deg,#00124405 25%,#0000 25%),linear-gradient(225deg,#00124405 25%,#0000 25%),linear-gradient(45deg,#00124405 25%,#0000 25%),linear-gradient(315deg,#00124405 25%,#0000 25%);background-position:15px 0,15px 0,0 0,0 0;background-size:30px 30px;margin-bottom:-30px}.gallery-title{color:#001244;text-align:center;margin-bottom:30px;font-size:1.4rem;font-weight:700}.gallery-title:after{content:"";background-color:#3b82f6;border-radius:10px;width:90px;height:4px;margin:12px auto 0;display:block}.gallery-tabs{gap:10px;margin-bottom:40px;display:flex}.tab-btn{color:#666;cursor:pointer;background-color:#f8f9fa;border:1px solid #eee;border-radius:5px;padding:10px 25px;font-weight:600;transition:all .3s}.tab-btn.active{color:#fff;background-color:#001244;border-color:#001244}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:1200px;display:grid}.gallery-card{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;height:100%;margin-top:-10px;margin-bottom:10px;transition:all .3s;display:flex;overflow:hidden}.gallery-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a}.gallery-media-wrapper{background-color:#eaeff5;width:100%;height:220px;position:relative;overflow:hidden}.gallery-media-wrapper img,.gallery-media-wrapper iframe{object-fit:cover;border:none;width:100%;height:100%}.doc-placeholder{color:#fff;background:linear-gradient(135deg,#001244 0%,#039 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;display:flex}.doc-card{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;height:100%;margin-top:35px;transition:all .3s;display:flex;overflow:hidden}.gallery-info{flex-direction:column;flex-grow:1;padding:20px;display:flex}.gallery-category{color:#001244;letter-spacing:1px;margin-bottom:10px;font-size:.7rem;font-weight:800}.gallery-category.video{color:#e74c3c}.gallery-caption{color:#333;margin:0;font-size:1rem;font-weight:600;line-height:1.5}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.gallery-grid{grid-template-columns:1fr}.gallery-media-wrapper{height:200px}}.gallery-title,.gallery-tabs,.gallery-item,.btn-lihat-lainnya{opacity:0;transform:translateY(50px)}.gallery-title.show,.gallery-tabs.show,.gallery-item.show,.btn-lihat-lainnya.show{animation:.8s cubic-bezier(.25,.8,.25,1) forwards fadeUpGallery}.gallery-title.show{animation-delay:0s}.gallery-tabs.show{animation-delay:.2s}.btn-lihat-lainnya.show{animation-delay:.5s}@keyframes fadeUpGallery{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gallery-modal-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.gallery-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:900px;max-height:90vh;padding:15px;animation:.3s ease-in-out scaleUp;display:flex;position:relative;box-shadow:0 5px 15px #0000004d}.gallery-modal-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:70vh}.gallery-modal-caption{color:#001244;text-align:center;margin-top:15px;font-size:1.1rem;font-weight:600}.gallery-modal-close{color:#fff;cursor:pointer;background-color:#d13a00;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 2px 5px #0003}.gallery-modal-close:hover{background-color:#b03000}.opd-container{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:32px;max-width:1280px;margin:auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:grid}.opd-container .card{opacity:0;background:url(/white.jpg) 0 0/750px;border:4px solid #001244;border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9;border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;transform:translateY(100px);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000008}.opd-container .card.show:hover{z-index:10;transform:translateY(-6px)scale(1.02);box-shadow:0 15px 30px -5px #0012441f,0 8px 10px -6px #0012440d}.opd-container .card-header{background-color:#0000;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 18px 8px;display:flex}.opd-container .card-header h2{color:#001244;margin:0;font-size:20px;font-weight:700;line-height:1.3}.opd-container .card{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out,box-shadow .5s;transform:translateY(100px)}.opd-container .card.show{opacity:1;transform:translateY(0)}.opd-container .dropdown{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.opd-container .dropdown:hover{background:#fff;border-color:#94a3b8}.opd-container .ikm-content-wrapper{flex-direction:column;flex-grow:1;padding:0 24px;display:flex}.opd-container .ikm-box-container{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding-top:16px;display:grid}.opd-container .ikm-box{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:24px 16px;transition:all .3s}.opd-container .ikm-box:hover{background:#f1f5f9;border-color:#e2e8f0}.opd-container .ikm-box p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:8px;font-size:12px;font-weight:600}.opd-container .ikm-box h3{color:#0f172a;margin:0;font-size:24px;font-weight:800}.opd-container .responden-title{color:#334155;margin-bottom:12px;font-size:16px;font-weight:600}.opd-container .responden-container{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.opd-container .responden-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.opd-container .responden-box p{color:#475569;margin:0;font-weight:500}.opd-container .responden-box h3{color:#0f172a;margin:0;font-size:20px}.opd-container .realisasi-content{flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;gap:24px;padding:0 24px 24px;display:flex}.opd-container .realisasi-text{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;padding:24px;box-shadow:0 1px 3px #00000005}.opd-container .realisasi-text p{color:#334155;border-bottom:1px dashed #e2e8f0;justify-content:space-between;margin:0 0 16px;padding-bottom:12px;font-size:15px;display:flex}.opd-container .realisasi-text p:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.opd-container .realisasi-text strong{color:#0f172a}.opd-container .chart-container{perspective:900px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.opd-container .pie-chart{width:170px;height:170px;transform-style:preserve-3d;border-radius:50%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:rotateX(45deg)rotateY(-10deg);box-shadow:-4px 10px #94a3b8,-4px 15px 20px #00000026}.opd-container .pie-chart:after{content:"";background:#fff;border-radius:50%;width:45%;height:45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 3px 6px #0000001a}.opd-container .pie-chart:hover{transform:rotateX(50deg)rotateY(-5deg)translateY(-15px);box-shadow:-6px 16px #94a3b8,-6px 25px 30px #0003}.opd-container .legend{flex-direction:row;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.opd-container .legend-item{align-items:center;font-size:14px;font-weight:500;display:flex}.opd-container .legend-red,.opd-container .legend-blue{border-radius:50%;width:12px;height:12px;margin-right:8px}.opd-container .legend-red{background:#ff4d4d}.opd-container .legend-blue{background:#001244}.opd-container .legend-red-text{color:#ff4d4d;font-weight:600}.opd-container .legend-blue-text{color:#001244;font-weight:600}.opd-container .footer-note,.opd-container .update-note{color:#64748b;text-align:left;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:auto;margin-bottom:0;padding:16px 24px;font-size:12px}@media (width<=1024px){.opd-container{grid-template-columns:1fr;max-width:800px}}@media (width<=768px){.opd-container .realisasi-content{text-align:center;flex-direction:column-reverse;gap:32px}.opd-container .ikm-box-container,.opd-container .responden-container{grid-template-columns:1fr}}.scroll-btn{justify-content:center;align-items:center;color:#fff!important;z-index:999999!important;cursor:pointer!important;background-color:#001540!important;border:none!important;border-radius:50%!important;width:50px!important;height:50px!important;display:flex!important;position:fixed!important;bottom:30px!important;right:30px!important;box-shadow:0 4px 15px #0000004d!important}.scroll-btn:hover{background-color:#d63031;transform:translateY(-5px)}.scroll-btn .arrow{font-size:24px;font-weight:700}.acc-select{color:#333;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=\"black\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:95%;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-size:14px;box-shadow:0 2px 4px #00000005}.font-actions button{cursor:pointer;color:#333;background-color:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.acc-wrapper{z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;bottom:80px;right:20px}.acc-trigger{color:#fff;cursor:pointer;background-color:#008967;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:26px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0003}.acc-trigger:hover{transform:scale(1.05)}.acc-panel{background-color:#f0f2f5;border-radius:12px;flex-direction:column;width:380px;max-height:calc(100vh - 180px);display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 8px 30px #00000026}.acc-header{color:#fff;background-color:#008967;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.acc-header h2{margin:0;font-size:16px;font-weight:600}.acc-close{color:#008967;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;font-weight:700;line-height:1;display:flex}.acc-body{flex-grow:1;padding:15px 20px;overflow-y:auto}.acc-body::-webkit-scrollbar{width:6px}.acc-body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.acc-dropdown-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.acc-select{color:#333;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=\"black\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:95%;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-size:14px}.acc-section{margin-bottom:25px}.acc-section-title{color:#444;margin-bottom:12px;font-size:14px;font-weight:600}.acc-font-control{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 2px 5px #00000005}.font-label{color:#333;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.font-actions{align-items:center;gap:15px;display:flex}.font-actions button{cursor:pointer;color:#333;background-color:#f0f2f5;border:none;border-radius:50%;width:32px;height:32px;font-size:18px}.font-actions button:hover{background-color:#e4e6e9}.font-actions span{text-align:center;min-width:40px;font-size:14px;font-weight:600}.acc-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.acc-btn{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:90px;padding:15px 5px;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000008}.acc-btn:hover{background-color:#f9f9f9;border-color:#d1d5db}.acc-btn.active{background-color:#e6f3f0;border-color:#008967}.acc-btn.active i,.acc-btn.active .icon-text,.acc-btn.active span{color:#008967}.acc-btn i{color:#1c1e21;font-size:24px}.acc-btn .icon-text{color:#1c1e21;align-items:center;gap:2px;font-size:20px;font-weight:700;display:flex}.acc-btn span{text-align:center;color:#333;font-size:12px;font-weight:500;line-height:1.2}.acc-footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:15px}.acc-reset-btn{color:#fff;cursor:pointer;background-color:#008967;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.acc-reset-btn:hover{background-color:#006e52}.acc-reading-guide{z-index:10000;pointer-events:none;background-color:#ff4d4d;height:5px;position:fixed;left:0;right:0;box-shadow:0 2px 5px #0000004d}.acc-reading-mask{z-index:9998;pointer-events:none;background:0 0;height:100px;position:fixed;left:0;right:0;box-shadow:0 -100vh 0 100vh #000000b3,0 100vh 0 100vh #000000b3}body.acc-sorot-judul h1,body.acc-sorot-judul h2,body.acc-sorot-judul h3,body.acc-sorot-judul h4,body.acc-sorot-judul h5,body.acc-sorot-judul h6{color:#000!important;background-color:#fffbdd!important;border-bottom:3px solid #ff4d4d!important;padding:2px 5px!important}body.acc-sorot-tautan a{color:#fff12b!important;background-color:#000!important;padding:2px 4px!important;font-weight:700!important;text-decoration:underline!important}body.acc-font-disleksia,body.acc-font-disleksia *{font-family:Comic Sans MS,Arial,sans-serif!important}body.acc-jarak-huruf,body.acc-jarak-huruf *{letter-spacing:.12em!important}body.acc-tinggi-baris,body.acc-tinggi-baris *{line-height:1.8!important}body.acc-ketebalan-font,body.acc-ketebalan-font *{font-weight:700!important}body.acc-sembunyikan-gambar img,body.acc-sembunyikan-gambar svg{display:none!important}body.acc-hentikan-animasi *{transition:none!important;animation:none!important}body.acc-kursor-besar,body.acc-kursor-besar *{cursor:zoom-in!important}.section{background:#f8fbfc;margin-top:0;padding:80px 0;overflow:hidden}.container{grid-template-columns:1.3fr .7fr;justify-content:center;align-items:center;gap:35px;width:92%;max-width:1250px;margin:8px auto -50px;display:flex}.instagramWrapper{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;padding:28px;display:flex;box-shadow:0 10px 25px #00000014}.igHeader{align-items:center;gap:14px;margin-bottom:10px;display:flex}.igIcon{background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.igHeader h2{margin:0;font-size:22px}.igHeader span{color:#64748b;font-size:14px}.desc{color:#64748b;margin-bottom:18px;font-size:14px;line-height:1.5}.embedCard{border:1px solid #eee;border-radius:16px;flex:1;display:flex;overflow:hidden}.followBtn{color:#fff;text-align:center;background:linear-gradient(90deg,#dd2a7b,#f58529);border-radius:40px;margin-top:22px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.berita-page{background-color:#f4f7f6;margin-top:90px;padding:30px 8%}.berita-container{gap:30px;margin-top:50px;display:flex}.berita-main{background:#fff;border-radius:8px;flex:3;padding:30px;box-shadow:0 2px 10px #0000000d}.berita-title{color:#004d40;margin-bottom:15px;font-size:1.8rem}.berita-meta-top{color:#777;border-bottom:1px solid #eee;gap:15px;margin-bottom:20px;padding-bottom:15px;font-size:.85rem;display:flex}.berita-image-section img{border-radius:4px;width:100%}.berita-content p{text-align:justify;margin-bottom:15px;line-height:1.8}.info-card h3{color:#007bff;border-bottom:2px solid #007bff;padding-bottom:10px}.info-card ul{padding:0;list-style:none}.info-card li{margin-top:10px;font-size:.9rem}.share-buttons button{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 15px}.btn-more{background:#607d8b}@media (width<=992px){.berita-container{flex-direction:column}}.download-page{background-color:#f8fafc;min-height:100vh;margin-top:90px;margin-bottom:-120px;padding:50px 8%}.download-header{text-align:center;margin-bottom:50px}.download-header h1{color:#002147;margin-bottom:10px;font-size:1.8rem}.download-header p{color:#64748b;font-size:1.1rem}.header-line{background:#001244;border-radius:5px;width:100px;height:5px;margin:20px auto}.download-section{margin-bottom:40px}.section-title{color:#002147;border-left:5px solid #002147;align-items:center;gap:10px;margin-bottom:20px;padding-left:15px;font-size:1.5rem;display:flex}.file-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.file-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.file-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.file-icon{color:#e11d48;margin-right:20px;font-size:2.5rem}.file-info{flex:1}.file-info h3{color:#1e293b;margin-bottom:5px;font-size:1rem}.file-info span{color:#94a3b8;font-size:.8rem}.download-btn{color:#fff;background-color:#002147;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .3s;display:flex}.download-btn:hover{color:#002147;background-color:#f1c40f}@media (width<=768px){.download-page{padding:30px 5%}.file-card{text-align:center;flex-direction:column}.file-icon{margin-bottom:15px;margin-right:0}.download-btn{justify-content:center;width:100%;margin-top:15px}}.pagination-container{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:50px;padding-top:20px;display:flex}.page-nav-btn,.page-num-btn{color:#002147;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.page-num-btn{padding:8px 14px}.page-nav-btn:hover:not(:disabled),.page-num-btn:hover{color:#002147;background-color:#f1c40f;border-color:#f1c40f}.page-num-btn.active{color:#fff;background-color:#002147;border-color:#002147}.page-nav-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.pagination-container{flex-wrap:wrap;gap:6px}.page-nav-btn,.page-num-btn{padding:6px 12px;font-size:.9rem}}.pagination-container{justify-content:center;align-items:center;gap:5px;margin-top:30px;display:flex}.pagination-container button{cursor:pointer;color:#555;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 15px;font-weight:500;transition:all .3s}.pagination-container button.active{color:#fff;background-color:#2e86c1;border-color:#2e86c1}.pagination-container button:disabled{color:#2e86c1;cursor:not-allowed;border-color:#2e86c1}.pagination-container button:hover:not(:disabled){background-color:#f8f9fa;border-color:#bbb}.event-detail-page{background-color:#f4f7f6;min-height:100vh;margin-top:90px;padding:40px 8%}.breadcrumb a{color:#002147;text-decoration:none}.event-container{gap:30px;display:flex}.event-main{background:#fff;border-radius:12px;flex:3;padding:35px;box-shadow:0 4px 15px #0000000d}.event-title{color:#002147;margin-bottom:15px;font-size:2rem;line-height:1.3}.event-meta-top{color:#777;border-bottom:1px solid #eee;gap:20px;margin-bottom:25px;padding-bottom:20px;font-size:.85rem;display:flex}.event-image-section img{border-radius:8px;width:100%;margin-bottom:25px}.event-description h3{color:#002147;border-left:4px solid #f1c40f;margin-bottom:15px;padding-left:10px}.event-description p{color:#444;text-align:justify;margin-bottom:15px;line-height:1.7}.event-sidebar{flex:1}.info-event h3{color:#002147;border-bottom:2px solid #f1c40f;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem}.info-event ul{padding:0;list-style:none}.info-event li{margin-bottom:18px}.info-event li strong{color:#002147;margin-bottom:5px;font-size:.85rem;display:block}.info-event li p{color:#555;margin:0;font-size:.95rem}.contact-card h3{margin-bottom:15px;font-size:1.1rem}.contact-card p{color:#666;margin-bottom:10px;font-size:.9rem}.share-section{border-top:1px solid #eee;align-items:center;gap:10px;margin-top:30px;padding-top:20px;display:flex}.share-section button{color:#fff;cursor:pointer;border:none;border-radius:50%;width:35px;height:35px;transition:opacity .3s}.btn-tw{background:#1da1f2}@media (width<=992px){.event-container{flex-direction:column}}.irigasi-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.irigasi-container{gap:30px;display:flex}.irigasi-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.irigasi-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.irigasi-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.irigasi-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.irigasi-content{color:#333;margin-top:30px;line-height:1.8}.irigasi-features{background:#eef2f7;border-left:5px solid #f1c40f;border-radius:8px;margin:30px 0;padding:25px}.irigasi-features h3{color:#002147;margin-bottom:15px}.irigasi-features ul{padding:0;list-style:none}.irigasi-features li{align-items:center;gap:10px;margin-bottom:10px;display:flex}.irigasi-features i{color:#002147}.irigasi-sidebar{flex:1}.btn-fb,.btn-wa{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px}@media (width<=992px){.irigasi-container{flex-direction:column}}.embung-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.embung-container{gap:30px;display:flex}.embung-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.embung-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.embung-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.embung-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.embung-content{color:#333;margin-top:30px;line-height:1.8}.embung-features{background:#f0f4f8;border-left:5px solid #002147;border-radius:8px;margin:30px 0;padding:25px}.embung-features h3{color:#002147;margin-bottom:15px}.embung-features ul{padding:0;list-style:none}.embung-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.embung-features i{color:#002147;font-size:1.1rem}.embung-sidebar{flex:1}.doc-link:hover{color:#f1c40f;padding-left:5px}@media (width<=992px){.embung-container{flex-direction:column}}.sungai-page{background-color:#f9fbff;min-height:100vh;padding:40px 8%}.sungai-container{gap:30px;display:flex}.sungai-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.sungai-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.sungai-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.sungai-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.sungai-content{color:#333;margin-top:30px;line-height:1.8}.sungai-features{background:#f1f5f9;border-left:5px solid #0ea5e9;border-radius:8px;margin:30px 0;padding:25px}.sungai-features h3{color:#002147;margin-bottom:15px}.sungai-features ul{padding:0;list-style:none}.sungai-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sungai-features i{color:#0ea5e9;font-size:1.1rem}.sungai-sidebar{flex:1}@media (width<=992px){.sungai-container{flex-direction:column}}.pelatihan-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.pelatihan-container{gap:30px;display:flex}.pelatihan-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.pelatihan-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.pelatihan-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.pelatihan-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.pelatihan-content{color:#333;margin-top:30px;line-height:1.8}.pelatihan-features{background:#fdf6e3;border-left:5px solid #002147;border-radius:8px;margin:30px 0;padding:25px}.pelatihan-features h3{color:#002147;margin-bottom:15px}.pelatihan-features ul{padding:0;list-style:none}.pelatihan-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pelatihan-features i{color:#002147;font-size:1.1rem}.pelatihan-sidebar{flex:1}@media (width<=992px){.pelatihan-container{flex-direction:column}}.tenagakerja-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.tenagakerja-container{gap:30px;display:flex}.tenagakerja-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.tenagakerja-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.tenagakerja-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.tenagakerja-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.tenagakerja-content{color:#333;margin-top:30px;line-height:1.8}.tenagakerja-features{background:#f1f5f9;border-left:5px solid #f1c40f;border-radius:8px;margin:30px 0;padding:25px}.tenagakerja-features h3{color:#002147;margin-bottom:15px}.tenagakerja-features ul{padding:0;list-style:none}.tenagakerja-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tenagakerja-features i{color:#002147;font-size:1.1rem}.tenagakerja-sidebar{flex:1}@media (width<=992px){.tenagakerja-container{flex-direction:column}}.pengawasan-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.pengawasan-container{gap:30px;display:flex}.pengawasan-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.pengawasan-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.pengawasan-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.pengawasan-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.pengawasan-content{color:#333;margin-top:30px;line-height:1.8}.pengawasan-features{background:#f0fdf4;border-left:5px solid #004d40;border-radius:8px;margin:30px 0;padding:25px}.pengawasan-features h3{color:#002147;margin-bottom:15px}.pengawasan-features ul{padding:0;list-style:none}.pengawasan-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pengawasan-features i{color:#004d40;font-size:1.1rem}.pengawasan-sidebar{flex:1}@media (width<=992px){.pengawasan-container{flex-direction:column}}.kecelakaan-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.kecelakaan-container{gap:30px;display:flex}.kecelakaan-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.kecelakaan-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.kecelakaan-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.kecelakaan-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.kecelakaan-content{color:#333;margin-top:30px;line-height:1.8}.kecelakaan-features{background:#fff5f5;border-left:5px solid #e11d48;border-radius:8px;margin:30px 0;padding:25px}.kecelakaan-features h3{color:#002147;margin-bottom:15px}.kecelakaan-features ul{padding:0;list-style:none}.kecelakaan-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.kecelakaan-features i{color:#e11d48;font-size:1.1rem}.kecelakaan-sidebar{flex:1}@media (width<=992px){.kecelakaan-container{flex-direction:column}}.penjaringan-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.penjaringan-container{gap:30px;display:flex}.penjaringan-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.penjaringan-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.penjaringan-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.penjaringan-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.penjaringan-content{color:#333;margin-top:30px;line-height:1.8}.penjaringan-features{background:#fdfcf0;border-left:5px solid #f1c40f;border-radius:8px;margin:30px 0;padding:25px}.penjaringan-features h3{color:#002147;margin-bottom:15px}.penjaringan-features ul{padding:0;list-style:none}.penjaringan-features li{color:#444;align-items:center;gap:12px;margin-bottom:12px;display:flex}.penjaringan-features i{color:#002147;font-size:1.1rem}.penjaringan-sidebar{flex:1}.stat-item span{color:#666;margin-bottom:4px;font-size:.85rem;display:block}.status-open{font-weight:700;color:#e67e22!important}.doc-link{color:#002147;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.doc-link:hover{color:#f1c40f;transform:translate(5px)}.btn-fb,.btn-wa{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 25px;font-weight:600}@media (width<=992px){.penjaringan-container{flex-direction:column}}.hidrologi-page{background-color:#f9fbff;min-height:100vh;margin-top:90px;padding:40px 8%}.breadcrumb{color:#666;margin-bottom:20px;font-size:.9rem}.hidrologi-container{gap:30px;display:flex}.hidrologi-main{background:#fff;border-radius:12px;flex:3;padding:40px;box-shadow:0 5px 20px #0000000d}.hidrologi-title{color:#002147;letter-spacing:1px;margin-bottom:10px;font-size:2.4rem;font-weight:800}.hidrologi-meta-top{color:#888;border-bottom:1px solid #eee;gap:15px;margin-bottom:30px;padding-bottom:15px;font-size:.85rem;display:flex}.hidrologi-image-section img{border-radius:10px;width:100%;box-shadow:0 4px 10px #0000001a}.image-caption{color:#777;text-align:center;margin-top:10px;font-size:.8rem;font-style:italic}.hidrologi-content{color:#333;margin-top:30px;line-height:1.8}.hidrologi-features{background:#eef2f7;border-left:5px solid #3498db;border-radius:8px;margin:30px 0;padding:25px}.hidrologi-features h3{color:#002147;margin-bottom:15px}.hidrologi-features ul{padding:0;list-style:none}.hidrologi-features li{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hidrologi-features i{color:#3498db;margin-top:6px}.hidrologi-sidebar{flex:1}.sidebar-card{background:#fff;border-radius:10px;margin-bottom:25px;padding:25px;box-shadow:0 4px 10px #0000000d}.info-card h3,.link-card h3{color:#002147;border-bottom:2px solid #3498db;margin-bottom:15px;padding-bottom:8px;font-size:1.1rem}.stat-item{margin-bottom:15px}.stat-item span{color:#666;font-size:.85rem;display:block}.doc-link{color:#002147;margin-bottom:12px;font-size:.9rem;text-decoration:none;transition:color .3s;display:block}.doc-link:hover{color:#3498db}.share-buttons{gap:10px;margin-top:40px;display:flex}.btn-fb,.btn-wa{color:#fff;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-fb{background:#3b5998}.btn-wa{background:#25d366}@media (width<=992px){.hidrologi-container{flex-direction:column}}.infografis-page{max-width:1200px;margin:90px auto 0;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.infografis-header{text-align:center;margin-bottom:40px}.infografis-header h1{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.infografis-header p{color:#666;max-width:600px;margin:0 auto 15px;font-size:1.1rem}.header-line{background-color:#3498db;border-radius:2px;width:80px;height:4px;margin:0 auto}.infografis-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.infografis-card{background-color:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.infografis-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.infografis-image-wrapper{cursor:pointer;border-bottom:1px solid #eee;width:100%;height:250px;position:relative;overflow:hidden}.infografis-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.infografis-card:hover .infografis-image{transform:scale(1.05)}.view-hint{color:#fff;opacity:0;z-index:2;background-color:#0006;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:1.2rem;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.infografis-image-wrapper:hover .view-hint{opacity:1}.infografis-info{flex-direction:column;flex-grow:1;padding:20px;display:flex}.infografis-category{color:#e67e22;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem;font-weight:700}.infografis-title{color:#2c3e50;flex-grow:1;margin:0 0 15px;font-size:1.25rem;line-height:1.4}.infografis-meta{color:#888;border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:.85rem;display:flex}.infografis-meta span{align-items:center;gap:5px;display:flex}.no-data{text-align:center;color:#7f8c8d;margin-top:50px;font-size:1.1rem;font-style:italic}.infografis-modal-overlay{z-index:9999;cursor:pointer;background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.infografis-modal-container{cursor:default;border-radius:8px;justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.infografis-modal-image{object-fit:contain;border:4px solid #fff;border-radius:8px;max-width:100%;max-height:85vh;display:block;box-shadow:0 5px 25px #00000080}.infografis-modal-close{color:#fff;cursor:pointer;z-index:10000;background-color:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 10px #0000004d}.infografis-modal-close:hover{background-color:#c0392b;transform:scale(1.1)}@media (width<=768px){.infografis-header h1{font-size:2rem}.infografis-grid{grid-template-columns:1fr}.infografis-image-wrapper{height:200px}.infografis-modal-image{max-height:75vh}.infografis-modal-close{width:35px;height:35px;font-size:1.5rem;top:-10px;right:-10px}}.rkt-page{background-color:#f4f7f9;justify-content:center;min-height:100vh;margin-top:80px;padding:60px 20px;font-family:Inter,sans-serif;display:flex}.rkt-main-card{background:#fff;border-radius:16px;width:100%;max-width:950px;height:fit-content;padding:50px;box-shadow:0 15px 35px #0000000d}.rkt-card-header{margin-bottom:30px}.rkt-title{color:#1e293b;margin-bottom:12px;font-size:1.8rem;font-weight:800}.rkt-subtitle{color:#64748b;margin-bottom:15px;font-size:1.1rem;line-height:1.6}.rkt-meta{color:#94a3b8;font-size:.85rem;font-weight:500}.rkt-divider{border:0;border-top:2px solid #f1f5f9;margin:30px 0}.rkt-list-container{flex-direction:column;gap:15px;display:flex}.rkt-list-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:22px;transition:all .3s;display:flex}.rkt-list-item:hover{background-color:#f8fafc;border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 10px 20px #00000008}.rkt-icon-box{background-color:#fff1f2;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;display:flex}.rkt-pdf-icon{font-size:1.5rem}.rkt-info-box{flex-grow:1}.rkt-label-year{color:#3b82f6;letter-spacing:.5px;font-size:.75rem;font-weight:800}.rkt-doc-name{color:#334155;margin:5px 0 0;font-size:1.15rem;font-weight:700}.rkt-view-btn{color:#fff;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s}.rkt-list-item:hover .rkt-view-btn{background-color:#2563eb}@media (width<=768px){.rkt-main-card{padding:30px 20px}.rkt-list-item{text-align:center;flex-direction:column}.rkt-icon-box{margin-bottom:15px;margin-right:0}.rkt-action-box{width:100%;margin-top:15px}.rkt-view-btn{width:100%}}.rkt-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.rkt-page-btn,.rkt-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.rkt-page-num{padding:8px 14px}.rkt-page-btn:hover:not(:disabled),.rkt-page-num:hover{background-color:#f0f4f8;border-color:#001244}.rkt-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.rkt-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.rkt-pagination{flex-wrap:wrap;gap:6px}.rkt-page-btn,.rkt-page-num{padding:6px 12px;font-size:.9rem}}.iki-page{background-color:#f1f5f9;justify-content:center;min-height:100vh;margin-top:85px;padding:60px 20px;font-family:Inter,-apple-system,sans-serif;display:flex}.iki-main-card{background:#fff;border-radius:20px;width:100%;max-width:900px;height:fit-content;padding:45px;box-shadow:0 10px 25px #0000000d}.iki-header-section{margin-bottom:25px}.iki-title{color:#1e293b;margin-bottom:12px;font-size:2rem;font-weight:800}.iki-subtitle{color:#64748b;margin-bottom:15px;font-size:1.05rem;line-height:1.6}.iki-meta{color:#94a3b8;font-size:.85rem}.iki-divider{border:0;border-top:2px solid #f1f5f9;margin:30px 0}.iki-list-wrapper{flex-direction:column;gap:12px;display:flex}.iki-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.iki-item:hover{background-color:#f8fafc;border-color:#4f46e5;transform:translate(8px)}.iki-icon-container{background-color:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;display:flex}.iki-file-icon{font-size:1.5rem}.iki-text-container{flex-grow:1}.iki-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.iki-doc-title{color:#334155;margin:4px 0 0;font-size:1.1rem;font-weight:700}.iki-view-button{color:#fff;background-color:#4f46e5;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s}.iki-item:hover .iki-view-button{background-color:#4338ca}@media (width<=650px){.iki-main-card{padding:30px 20px}.iki-item{text-align:center;flex-direction:column}.iki-icon-container{margin-bottom:15px;margin-right:0}.iki-btn-container{width:100%;margin-top:15px}.iki-view-button{width:100%}}.iki-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.iki-page-btn,.iki-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.iki-page-num{padding:8px 14px}.iki-page-btn:hover:not(:disabled),.iki-page-num:hover{background-color:#f0f4f8;border-color:#001244}.iki-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.iki-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.iki-pagination{flex-wrap:wrap;gap:6px}.iki-page-btn,.iki-page-num{padding:6px 12px;font-size:.9rem}}.skp-page{background-color:#f1f5f9;justify-content:center;min-height:100vh;margin-top:85px;padding:60px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.skp-main-card{background:#fff;border-radius:16px;width:100%;max-width:900px;height:fit-content;padding:45px;box-shadow:0 10px 25px #0000000d}.skp-header-section{margin-bottom:25px}.skp-title{color:#0f172a;margin-bottom:12px;font-size:2rem;font-weight:800}.skp-subtitle{color:#64748b;margin-bottom:15px;font-size:1.05rem;line-height:1.6}.skp-meta{color:#94a3b8;font-size:.85rem}.skp-divider{border:0;border-top:2px solid #f1f5f9;margin:30px 0}.skp-list-wrapper{flex-direction:column;gap:12px;display:flex}.skp-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:20px;transition:all .3s;display:flex}.skp-item:hover{background-color:#f8fafc;border-color:#0284c7;transform:translate(8px)}.skp-icon-container{background-color:#f0f9ff;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;display:flex}.skp-file-icon{font-size:1.5rem}.skp-text-container{flex-grow:1}.skp-badge{color:#0284c7;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.skp-doc-title{color:#334155;margin:4px 0 0;font-size:1.1rem;font-weight:700}.skp-view-button{color:#fff;background-color:#0284c7;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s}.skp-item:hover .skp-view-button{background-color:#0369a1}@media (width<=650px){.skp-main-card{padding:30px 20px}.skp-item{text-align:center;flex-direction:column}.skp-icon-container{margin-bottom:15px;margin-right:0}.skp-btn-container{width:100%;margin-top:15px}.skp-view-button{width:100%}}.skp-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.skp-page-btn,.skp-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.skp-page-num{padding:8px 14px}.skp-page-btn:hover:not(:disabled),.skp-page-num:hover{background-color:#f0f4f8;border-color:#001244}.skp-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.skp-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.skp-pagination{flex-wrap:wrap;gap:6px}.skp-page-btn,.skp-page-num{padding:6px 12px;font-size:.9rem}}.renaksi-page{background-color:#f8fafc;justify-content:center;min-height:100vh;margin-top:85px;padding:60px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.renaksi-main-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;width:100%;max-width:900px;height:fit-content;padding:45px;box-shadow:0 10px 25px #0000000d}.renaksi-header-section{margin-bottom:25px}.renaksi-title{color:#0f172a;margin-bottom:12px;font-size:2.1rem;font-weight:800}.renaksi-subtitle{color:#64748b;margin-bottom:15px;font-size:1.05rem;line-height:1.6}.renaksi-meta{color:#94a3b8;font-size:.85rem}.renaksi-divider{border:0;border-top:2px solid #f1f5f9;margin:30px 0}.renaksi-list-wrapper{flex-direction:column;gap:12px;display:flex}.renaksi-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.renaksi-item:hover{background-color:#f0fdfa;border-color:#0d9488;transform:translate(10px)}.renaksi-icon-container{background-color:#f0fdfa;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;display:flex}.renaksi-file-icon{font-size:1.5rem}.renaksi-text-container{flex-grow:1}.renaksi-badge{color:#0d9488;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.renaksi-doc-title{color:#1e293b;margin:4px 0 0;font-size:1.1rem;font-weight:700}.renaksi-view-button{color:#fff;background-color:#0d9488;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s}.renaksi-item:hover .renaksi-view-button{background-color:#0f766e}@media (width<=650px){.renaksi-main-card{padding:30px 20px}.renaksi-item{text-align:center;flex-direction:column}.renaksi-icon-container{margin-bottom:15px;margin-right:0}.renaksi-btn-container{width:100%;margin-top:15px}.renaksi-view-button{width:100%}}.renaksi-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.renaksi-page-btn,.renaksi-page-num{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s ease-in-out}.renaksi-page-num{padding:8px 14px}.renaksi-page-btn:hover:not(:disabled),.renaksi-page-num:hover{background-color:#f0f4f8;border-color:#001244}.renaksi-page-num.active{color:#fff;background-color:#001244;border-color:#001244}.renaksi-page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}@media (width<=768px){.renaksi-pagination{flex-wrap:wrap;gap:6px}.renaksi-page-btn,.renaksi-page-num{padding:6px 12px;font-size:.9rem}}.detail-galeri-page{background-color:#f8f9fa;min-height:100vh;margin-top:90px;padding-bottom:60px}.dg-container{max-width:1200px;margin:0 auto;padding:0 20px}.dg-header{color:#001244;background-color:#fff;margin-bottom:40px;padding:30px 0;box-shadow:0 4px 10px #0000001a}.header-flex{justify-content:space-between;align-items:center;display:flex}.dg-header h2{margin:0;font-size:1.8rem;font-weight:800}.dg-btn-back{color:#001244;background:#fff;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s}.dg-btn-back:hover{color:#001244;background:#fc0}.dg-tabs{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.dg-tab-btn{color:#001244;cursor:pointer;background:0 0;border:2px solid #001244;border-radius:30px;padding:10px 25px;font-weight:700;transition:all .3s}.dg-tab-btn.active,.dg-tab-btn:hover{color:#fff;background:#001244}.dg-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;display:grid}.dg-card{background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 5px 15px #0000000d}.dg-card:hover{transform:translateY(-5px)}.dg-media-wrapper{background:#e0e0e0;width:100%;padding-top:65%;position:relative;overflow:hidden}.dg-media-wrapper.is-foto{cursor:pointer}.dg-media-wrapper img,.dg-media-wrapper iframe{object-fit:cover;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.dg-hover-overlay{color:#fff;opacity:0;background:#00124499;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:absolute;inset:0}.dg-media-wrapper.is-foto:hover .dg-hover-overlay{opacity:1}.dg-info{padding:15px}.dg-badge{color:#fff;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge-foto{background-color:#007bff}.badge-video{background-color:#dc3545}.dg-caption{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.dg-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dg-modal-content{text-align:center;max-width:80%;max-height:90vh;position:relative}.dg-modal-content img{border-radius:8px;max-width:100%;max-height:80vh}.dg-modal-caption{color:#fff;margin-top:15px;font-size:1.1rem}.dg-modal-close{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;position:absolute;top:-15px;right:-15px;box-shadow:0 2px 5px #00000080}@media (width<=768px){.header-flex{text-align:center;flex-direction:column;gap:15px}.dg-grid{grid-template-columns:1fr}}.dg-pagination{justify-content:center;align-items:center;gap:8px;margin-top:50px;margin-bottom:20px;display:flex}.dg-page-btn{color:#001244;cursor:pointer;background-color:#fff;border:1px solid #d1d9e6;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:1rem;font-weight:400;transition:all .2s;display:flex}.dg-page-btn.text{padding:0 15px;font-weight:600}.dg-page-btn:hover:not(:disabled){background-color:#f0f4f8;border-color:#001244}.dg-page-btn.active{color:#fff;background-color:#001244;border-color:#001244;font-weight:700}.dg-page-btn:disabled{color:#a0a0a0;cursor:not-allowed;background-color:#f5f5f5;border-color:#e0e0e0}@media (width<=480px){.dg-pagination{gap:4px}.dg-page-btn{min-width:32px;height:32px;font-size:.85rem}.dg-page-btn.text{padding:0 8px}}.profil-ppid-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profil-ppid-container{grid-template-columns:2.5fr 1fr;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.profil-ppid-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 15px #0000000d}.profil-ppid-title{color:#001244;border-bottom:3px solid #f0f0f0;margin-top:0;margin-bottom:15px;padding-bottom:15px;font-size:2.2rem;font-weight:800}.profil-ppid-meta-top{color:#666;flex-wrap:wrap;gap:20px;margin-bottom:25px;font-size:.9rem;display:flex}.profil-ppid-meta-top span i{color:#001244;margin-right:6px}.profil-ppid-image-section{margin-bottom:30px}.profil-ppid-image-section img{object-fit:cover;border-radius:10px;width:100%;max-height:450px}.profil-ppid-content{color:#333;font-size:1.05rem;line-height:1.8}.profil-ppid-content p{text-align:justify;margin-bottom:20px}.profil-ppid-content h3{color:#001244;margin-top:35px;margin-bottom:15px}.profil-ppid-content ul{margin-bottom:20px;padding-left:20px}.profil-ppid-content li{margin-bottom:10px}.share-buttons{border-top:1px solid #eee;gap:15px;margin-top:40px;padding-top:20px;display:flex}.share-buttons button{color:#fff;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .3s;display:flex}.btn-fb{background-color:#3b5998}.btn-fb:hover{background-color:#2d4373}.btn-wa{background-color:#25d366}.btn-wa:hover{background-color:#1da851}.profil-ppid-sidebar{flex-direction:column;gap:25px;display:flex}@media (width<=992px){.profil-ppid-container{grid-template-columns:1fr}}@media (width<=768px){.profil-ppid-main{padding:20px}.profil-ppid-title{font-size:1.8rem}.profil-ppid-meta-top{flex-direction:column;gap:10px}}.visimisi-ppid-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.visimisi-ppid-container{grid-template-columns:2.5fr 1fr;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.visimisi-ppid-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 15px #0000000d}.visimisi-ppid-title{color:#001244;border-bottom:3px solid #f0f0f0;margin-top:0;margin-bottom:15px;padding-bottom:15px;font-size:2.2rem;font-weight:800}.visimisi-ppid-meta-top{color:#666;flex-wrap:wrap;gap:20px;margin-bottom:25px;font-size:.9rem;display:flex}.visimisi-ppid-meta-top span i{color:#001244;margin-right:6px}.visimisi-ppid-image-section{margin-bottom:30px}.visimisi-ppid-image-section img{object-fit:cover;border-radius:10px;width:100%;max-height:450px}.visimisi-ppid-content{color:#333;font-size:1.05rem;line-height:1.8}.visimisi-ppid-content p{text-align:justify;margin-bottom:20px}.visimisi-ppid-content h3{color:#001244;margin-top:35px;margin-bottom:15px}.visimisi-ppid-content ul,.visimisi-ppid-content ol{margin-bottom:20px;padding-left:20px}.visimisi-ppid-content li{text-align:justify;margin-bottom:12px}.visimisi-ppid-sidebar{flex-direction:column;gap:25px;display:flex}@media (width<=992px){.visimisi-ppid-container{grid-template-columns:1fr}}@media (width<=768px){.visimisi-ppid-main{padding:20px}.visimisi-ppid-title{font-size:1.8rem}.visimisi-ppid-meta-top{flex-direction:column;gap:10px}}.tugas-fungsi-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.breadcrumb a{color:#fc0;font-weight:700;text-decoration:none;transition:all .3s}.breadcrumb a:hover{text-decoration:underline}.tugas-fungsi-container{grid-template-columns:2.5fr 1fr;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.tugas-fungsi-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 15px #0000000d}.tugas-fungsi-title{color:#001244;border-bottom:3px solid #f0f0f0;margin-top:0;margin-bottom:15px;padding-bottom:15px;font-size:2.2rem;font-weight:800}.tugas-fungsi-meta-top{color:#666;flex-wrap:wrap;gap:20px;margin-bottom:25px;font-size:.9rem;display:flex}.tugas-fungsi-meta-top span i{color:#001244;margin-right:6px}.tugas-fungsi-image-section{margin-bottom:30px}.tugas-fungsi-image-section img{object-fit:cover;border-radius:10px;width:100%;max-height:450px}.image-caption{text-align:center;color:#777;margin-top:10px;font-size:.85rem;font-style:italic}.tugas-fungsi-content{color:#333;font-size:1.05rem;line-height:1.8}.tugas-fungsi-content p{text-align:justify;margin-bottom:20px}.tugas-fungsi-content p strong{color:#001244;margin-top:15px;font-size:1.15rem;display:inline-block}.tugas-fungsi-content ul,.tugas-fungsi-content ol{margin-bottom:25px;padding-left:25px}.tugas-fungsi-content li{text-align:justify;margin-bottom:12px}.tugas-fungsi-sidebar{flex-direction:column;gap:25px;display:flex}.sidebar-card h3{color:#001244;align-items:center;gap:10px;margin-top:0;margin-bottom:20px;font-size:1.2rem;display:flex}.stat-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-item span{color:#666;margin-bottom:5px;font-size:.9rem}.stat-item strong{color:#001244;font-size:1.05rem}.doc-link{color:#001244;background-color:#f8f9fa;border:1px solid #eee;border-radius:6px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 15px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}@media (width<=992px){.tugas-fungsi-container{grid-template-columns:1fr}}@media (width<=768px){.tugas-fungsi-main{padding:20px}.tugas-fungsi-title{font-size:1.8rem}.tugas-fungsi-meta-top{flex-direction:column;gap:10px}}.maklumat-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.maklumat-container{grid-template-columns:2.5fr 1fr;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.maklumat-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 15px #0000000d}.maklumat-title{color:#001244;margin-bottom:10px;font-size:2rem;font-weight:800}.table-responsive{overflow-x:auto}.maklumat-table{border-collapse:collapse;border:1px solid #eee;width:100%;font-size:.95rem}.maklumat-table th{color:#555;text-align:left;background-color:#f8f9fa;border-bottom:2px solid #eee;padding:15px}.maklumat-table td{border-bottom:1px solid #eee;padding:15px}.pdf-icon{color:#e74c3c;margin-right:10px}.btn-download{color:#fff;background-color:#2ecc71;border-radius:4px;align-items:center;gap:8px;padding:8px 15px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.maklumat-sidebar{flex-direction:column;gap:25px;display:flex}.sidebar-card h3{color:#001244;margin-bottom:20px;font-size:1.2rem}.stat-item{border-bottom:1px dashed #ddd;flex-direction:column;margin-bottom:15px;padding-bottom:10px;display:flex}.doc-link{color:#001244;background-color:#f8f9fa;border-radius:6px;align-items:center;gap:10px;margin-bottom:10px;padding:12px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}@media (width<=992px){.maklumat-container{grid-template-columns:1fr}}.berkala-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.breadcrumb{color:#fff;background-color:#001244;padding:15px 5%;font-size:.95rem;box-shadow:0 4px 6px #0000001a}.breadcrumb a{color:#fc0;font-weight:700;text-decoration:none}.berkala-container{grid-template-columns:2.5fr 1fr;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.berkala-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 15px #0000000d}.berkala-title{color:#001244;margin-bottom:10px;font-size:2rem;font-weight:800}.underline{background-color:#f39c12;width:60px;height:4px;margin-bottom:25px}.berkala-intro{color:#444;text-align:justify;margin-bottom:30px;line-height:1.8}.btn-back-home{color:#001244;background-color:#f0f4f8;border:1px solid #d1d9e6;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-back-home:hover{color:#fff;background-color:#001244}.table-responsive{margin-top:20px;overflow-x:auto}.berkala-table{border-collapse:collapse;border:1px solid #eee;width:100%;font-size:.95rem}.berkala-table th{color:#555;text-align:left;background-color:#f8f9fa;border-bottom:2px solid #eee;padding:15px}.berkala-table td{color:#333;border-bottom:1px solid #eee;padding:15px}.text-center{text-align:center!important}.pdf-icon{color:#e74c3c;margin-right:10px;font-size:1.1rem}.btn-download:hover{background-color:#27ae60;box-shadow:0 2px 8px #0000001a}.berkala-sidebar{flex-direction:column;gap:25px;display:flex}.sidebar-card{background:#fff;border-top:4px solid #001244;border-radius:10px;padding:25px;box-shadow:0 5px 15px #0000000d}.sidebar-card h3{color:#001244;align-items:center;gap:10px;margin-bottom:15px;font-size:1.1rem;display:flex}.sidebar-card p{color:#666;font-size:.9rem;line-height:1.6}.doc-link{color:#001244;background-color:#f8f9fa;border:1px solid #eee;border-radius:6px;align-items:center;margin-bottom:10px;padding:12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.doc-link:hover{color:#fff;background-color:#001244}.status-msg{text-align:center;color:#666;padding:40px}.status-msg.error{color:#e74c3c}@media (width<=992px){.berkala-container{grid-template-columns:1fr}}.table-wrapper{border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.info-table{border-collapse:collapse;text-align:left;width:100%}.info-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:15px;font-weight:700}.btn-download{color:#fff;background-color:#22c55e;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.document-container{background-color:#fff;max-width:900px;margin:90px auto 0;padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn-back{color:#0f172a;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-back:hover{background-color:#e2e8f0}.page-title{color:#002b5e;text-transform:uppercase;margin:0 0 8px;font-size:28px;font-weight:800}.title-underline{background-color:#f59e0b;width:60px;height:4px;margin-bottom:32px}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:4px;overflow-x:auto}.info-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.info-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:15px;font-weight:700}.info-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px;font-size:15px}.info-table tbody tr:last-child td{border-bottom:none}.doc-title-cell{align-items:center;gap:12px;display:flex}.btn-download{color:#fff;white-space:nowrap;background-color:#22c55e;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-download:hover{background-color:#16a34a}.lhkpn-container{background-color:#f8f9fa;min-height:100vh;margin-top:90px;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.lhkpn-wrapper{max-width:1200px;margin:0 auto}.lhkpn-header{text-align:center;margin-bottom:40px}.lhkpn-title-block h1{color:#2c3e50;margin-bottom:10px;font-size:2rem}.lhkpn-title-block p{color:#7f8c8d;font-size:1.1rem}.lhkpn-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px;display:grid}.lhkpn-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000000d}.lhkpn-card:hover{border-color:#3498db;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.lhkpn-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lhkpn-icon-wrap{background-color:#e8f4f8;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.lhkpn-badge-status{color:#fff;letter-spacing:.5px;background-color:#2ecc71;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.lhkpn-card-body{flex-grow:1}.lhkpn-instansi-tag{color:#3498db;text-transform:uppercase;font-size:.85rem;font-weight:600}.lhkpn-card-body h3{color:#2c3e50;margin:10px 0;font-size:1.25rem;line-height:1.4}.lhkpn-card-body p{color:#7f8c8d;margin-bottom:20px;font-size:.95rem;line-height:1.5}.lhkpn-card-footer{color:#3498db;border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:10px;padding-top:15px;font-size:.95rem;font-weight:600;transition:color .3s;display:flex}.lhkpn-card:hover .lhkpn-card-footer{color:#2980b9}.lhkpn-arrow{font-size:1.2rem;transition:transform .3s}.lhkpn-card:hover .lhkpn-arrow{transform:translate(5px)}.lhkpn-pagination{justify-content:center;align-items:center;gap:10px;margin-top:30px;display:flex}.lhkpn-page-btn,.lhkpn-page-num{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.lhkpn-page-btn:hover:not(:disabled),.lhkpn-page-num:hover:not(.active){background-color:#f1f2f6;border-color:#ccc}.lhkpn-page-btn:disabled{color:#aaa;cursor:not-allowed;background-color:#f5f5f5}.lhkpn-page-num.active{color:#fff;background-color:#3498db;border-color:#3498db}@media (width<=768px){.lhkpn-title-block h1{font-size:1.5rem}}.main-header{color:#fff;box-sizing:border-box;z-index:1000;background:linear-gradient(90deg,#001244 0%,#003380 100%);border-bottom:2px solid #ffffff1a;width:100%;height:90px;margin:0;padding:10px 5%;font-family:Roboto,sans-serif;transition:all .3s;position:fixed;top:0;left:0;box-shadow:0 10px 30px #00124466}.navbar-wrapper{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 8px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 2px 8px #fff3);width:auto;height:80px;margin-left:-50px;display:block}.brand-text h1{text-transform:uppercase;letter-spacing:.5px;max-width:500px;margin-left:-15px;font-size:.85rem;line-height:1.1;margin-bottom:4px!important}.sub-brand-text{color:#ffca28;margin:0 0 0 -15px;font-size:.85rem;font-weight:500;display:block}.nav-links{align-items:center;gap:25px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{color:#fff;cursor:pointer;white-space:nowrap;padding:10px 0;font-size:15px;font-weight:600;transition:all .3s;position:relative}.nav-links li:hover{color:#ff4500}.nav-links li:after{content:"";background-color:#ff4500;width:0;height:3px;transition:all .3s;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #ff450080}.nav-links li:hover:after{width:100%}.dropdown-item{position:relative}.dropdown-menu{z-index:20;opacity:0;visibility:hidden;background-color:#001244;border-top:3px solid #ff4500;border-radius:8px;min-width:160px;padding:8px;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(15px);box-shadow:0 15px 40px #0006}.dropdown-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin-bottom:2px;font-weight:400!important}.dropdown-menu li:last-child{margin-bottom:0}.dropdown-menu li a{color:#fff;border-radius:6px;min-width:160px;padding:6px 12px;font-size:13px;line-height:1.4;text-decoration:none;transition:all .3s;display:block;font-weight:400!important}.dropdown-menu li a:hover{color:#fff;background-color:#ffffff1a;border-left:3px solid #ff4500;transform:translate(5px)}.search-item{align-items:center;margin-left:15px;display:flex}.search-box-wrapper{background:#ffffff26;border:1px solid #fff6;border-radius:20px;align-items:center;height:40px;padding:5px;transition:all .4s;display:flex;position:relative}.search-box-wrapper.active{background:#fff;border-color:#fff;padding-left:15px;box-shadow:0 4px 15px #0003}.search-icon-btn:hover{background:#ff4500;border-radius:50%;color:#fff!important}@media (width<=768px){.search-box-wrapper.active .search-input{width:120px}.brand img{height:60px;margin-left:0}.brand-text h1{font-size:1rem}.sub-brand-text{font-size:.75rem}}.scrollable-menu{max-height:300px;overflow:hidden auto}.scrollable-menu::-webkit-scrollbar{width:6px}.scrollable-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px}.scrollable-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:8px}.scrollable-menu::-webkit-scrollbar-thumb:hover{background:#fff9}@media (width<=1024px){.main-header{align-items:left!important;height:70px!important;padding:0 5%!important;display:flex!important}.navbar-wrapper{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.brand{gap:10px!important;margin-left:-25px!important}.brand img{height:45px!important;margin-left:0!important}.brand-text h1{max-width:180px!important;margin-left:-10px!important;font-size:.7rem!important}.sub-brand-text{margin-left:-10px!important;font-size:.65rem!important}.hamburger{cursor:pointer;background:#0000001a;border:2px solid #fff6;border-radius:6px;flex-direction:column;gap:5px;padding:8px;display:flex!important}.hamburger .bar{background-color:#fff;width:22px;height:2px;display:block}.nav-container{z-index:999;border-left:3px solid #ff4500;height:calc(100vh - 70px);top:70px;right:-100%;box-shadow:-10px 0 20px #00000080;background-color:#001244!important;width:70%!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;position:fixed!important}.nav-container.active{right:0!important}.nav-links{flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:100%!important;padding:20px!important}.nav-links li{white-space:normal!important;border-bottom:1px solid #ffffff1a!important;width:100%!important;padding:15px 0!important}.nav-links li:after{display:none}.dropdown-menu{border-radius:6px;margin-top:10px;display:none;opacity:1!important;visibility:visible!important;width:100%!important;box-shadow:none!important;background:#ffffff0d!important;position:static!important;transform:none!important}.dropdown-item:hover .dropdown-menu{display:block!important}}@media (width>=1025px){.hamburger{display:none!important}}.search-container{z-index:100;align-items:center;margin-left:15px;margin-right:-35px;display:flex;position:relative}.search-box-wrapper{background:0 0;border-radius:20px;align-items:center;height:38px;transition:all .4s;display:flex;position:relative}.search-box-wrapper.active{background:#fff;padding:0 5px 0 15px;box-shadow:0 2px 8px #00000026}.search-input{color:#333;opacity:0;background:0 0;border:none;outline:none;width:0;padding:0;font-size:14px;transition:all .4s}.search-box-wrapper.active .search-input{opacity:1;width:180px}.search-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;transition:all .3s;display:flex}.search-box-wrapper.active .search-icon-btn{color:#002147}.search-icon-btn:hover{background:#fff3;border-radius:50%}@media (width<=768px){.search-container{justify-content:center;width:100%;margin:10px 0}}@media (width<=1024px){.search-container{justify-content:flex-start;padding:10px 0;display:flex;width:100%!important;margin-left:0!important;margin-right:0!important}.search-box-wrapper{background:#ffffff1a;justify-content:space-between;width:100%;height:45px;padding:0 10px}.search-box-wrapper.active{background:#fff!important;padding:0 10px 0 15px!important;box-shadow:0 4px 12px #0003!important}.search-box-wrapper.active .search-input{opacity:1;width:100%!important;font-size:16px!important}.search-icon-btn{color:#fff;width:40px;height:40px}}html,body{width:100%;height:100%;margin:0!important;padding:0!important}#root{width:100%;margin:0;padding:0}