:root{--nav-bg: #4a0804;--nav-accent: #8c1007;--nav-text-main: #ffffff;--nav-text-soft: #ffcfcb;--nav-border: rgba(255, 255, 255, .08);--nav-transition: all .3s ease;--nav-shadow: 0 15px 35px rgba(0, 0, 0, .5);--max-width: 1400px}.navbar{position:sticky;top:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);transition:var(--nav-transition)}.navbar-container{max-width:var(--max-width);margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{text-decoration:none;display:flex;align-items:center;gap:12px;transition:opacity .3s}.navbar-brand:hover{opacity:.85}.navbar-brand img{width:42px;height:auto}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.05rem;font-weight:800;color:var(--nav-text-main);letter-spacing:-.3px;text-transform:uppercase}.brand-subtitle{font-size:11px;color:var(--nav-text-soft);font-weight:600;letter-spacing:1px;text-transform:uppercase}.navbar-menu{list-style:none;display:flex;gap:30px;margin:0;padding:0;align-items:center}.navbar-menu li{position:relative}.navbar-menu li a,.dropdown-title{text-decoration:none;font-size:15px;font-weight:600;color:var(--nav-text-main);padding:8px 0;cursor:pointer;transition:var(--nav-transition)}.navbar-menu li a:hover,.dropdown-title:hover{color:var(--nav-text-soft)}.navbar-menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--nav-text-main);transition:width .3s ease}.navbar-menu li a:hover:after{width:100%}.dropdown-title:after{content:"▾";font-size:12px;margin-left:5px;transition:transform .3s ease;display:inline-block}.dropdown:hover .dropdown-title:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:130%;left:50%;transform:translate(-50%) translateY(10px);background:var(--nav-bg);list-style:none;padding:12px;min-width:220px;border-radius:12px;box-shadow:var(--nav-shadow);border:1px solid rgba(255,255,255,.1);opacity:0;visibility:hidden;transition:var(--nav-transition)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-menu li a{display:block;padding:10px 16px;border-radius:8px;font-size:14px}.dropdown-menu li a:after{display:none}.dropdown-menu li a:hover{background:#ffffff1f}@media(max-width:992px){.navbar-menu{display:flex;flex-direction:column}.navbar-search{order:10;margin:20px 30px;width:auto;justify-content:space-between}.navbar-search input{width:100%}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.hamburger span{width:100%;height:2px;background:var(--nav-text-main);border-radius:4px;transition:var(--nav-transition)}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:992px){.hamburger{display:flex;z-index:1001}.navbar-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:var(--nav-bg);flex-direction:column;overflow-y:auto;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .35s ease-in-out;padding:25px 0}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-menu li{width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-menu li a,.dropdown-title{display:block;padding:18px;font-size:17px}.dropdown-menu{position:static;transform:none;margin:5px 20px 15px;padding:5px 0;display:none;opacity:1;visibility:visible;box-shadow:none;border:none}.dropdown.active .dropdown-menu{display:block;animation:fadeInDown .3s ease forwards}.dropdown-menu li{border-bottom:none}.navbar-search{margin:20px auto;justify-content:center}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{background:#4a0804;color:#fff;padding:60px 20px 20px}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-col h4{margin-bottom:15px;font-size:18px}.footer-col p{margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:15px}.footer-col a{display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none;margin-bottom:10px;font-size:15px;transition:.3s}.footer-col a:hover{opacity:.8}.icon{color:#ffd24d}.link-icon{font-size:12px}.map iframe{width:100%;height:150px;border:none;border-radius:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:15px;display:flex;justify-content:space-between;max-width:1200px;margin:auto;font-size:14px}@media(max-width:900px){.footer-container,.footer-stat{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}.footer-stat-wrapper{max-width:1200px;margin:10px auto}.stat-title{font-size:20px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.stat-title-icon{color:#ffd24d}.footer-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:#5a0b08;padding:25px;border-radius:12px;text-align:center}.stat-icon{font-size:22px;color:#ffd24d;margin-bottom:8px}.stat-card span{font-size:12px;opacity:.8}.stat-card h3{margin-top:5px;color:#ffd24d;font-size:20px}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:30px;text-align:left}.map iframe{height:200px}.footer-stat{grid-template-columns:1fr 1fr;gap:15px}.stat-card{padding:18px}.stat-title{font-size:18px}.stat-icon{font-size:20px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;font-size:13px}}.footer-social{max-width:1200px;margin:30px auto 10px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center}.footer-social span{font-weight:600}.footer-social-icons{display:flex;gap:15px}.footer-social-icons a{color:#fff;font-size:22px;transition:.3s}.footer-social-icons a:hover{color:#ffd24d;transform:scale(1.1)}.footer-container,.footer-bottom,.footer-social{width:100%;box-sizing:border-box}@media(max-width:480px){.footer-social{flex-direction:column;gap:10px}.footer-social-icons a{font-size:20px}}.search-page{padding:60px 20px;background:#f8f9fb;min-height:70vh}.search-container{max-width:900px;margin:auto}.search-box{display:flex;gap:10px;margin-bottom:30px}.search-box input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px}.search-box button{padding:12px 20px;background:#a10f0f;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:500}.search-box button:hover{background:#7c0c0c}.search-title{margin-bottom:25px;font-size:22px}.search-title span{color:#a10f0f}.search-results{display:flex;flex-direction:column;gap:20px}.search-card{display:flex;gap:20px;background:#fff;padding:15px;border-radius:12px;text-decoration:none;color:#000;box-shadow:0 3px 10px #0000000d;transition:.3s}.search-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.search-image{width:140px;height:90px;flex-shrink:0;overflow:hidden;border-radius:8px}.search-image img{width:100%;height:100%;object-fit:cover}.search-content h3{font-size:18px;margin:6px 0;font-weight:600}.search-type{display:inline-block;background:#a10f0f;color:#fff;font-size:12px;padding:4px 10px;border-radius:20px}.search-date{font-size:13px;color:#777}.search-empty{color:#777}@media(max-width:768px){.search-card{flex-direction:column}.search-image{width:100%;height:200px}}.home{height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;perspective:1000px;transition:background-image 1s ease-in-out}.hero-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000000bf,#4a080459)}.hero-content{width:95%;max-width:1200px;text-align:center;color:#fff;animation:slideUpFade 1.2s cubic-bezier(.2,.8,.2,1)}.sub-title{text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:700;color:#8c1007;background:#fff;padding:8px 20px;border-radius:100px;margin-bottom:30px;display:inline-block;box-shadow:0 10px 20px #0000001a}.hero-overlay h1{font-size:clamp(36px,8vw,72px);font-weight:900;line-height:1.1;margin-bottom:25px;letter-spacing:-2px}.hero-overlay h1 span{color:#8c1007;background:linear-gradient(to right,#fff,#ffcfcb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-overlay p{font-size:clamp(16px,2.5vw,20px);max-width:650px;margin:0 auto 40px;line-height:1.8;color:#ffffffd9}.location-tag{font-size:13px;font-weight:500;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 24px;border-radius:100px;border:1px solid rgba(255,255,255,.3);margin-bottom:50px;animation:float 3s ease-in-out infinite}.hero-search{margin-top:30px;margin-bottom:30px;display:flex;justify-content:center}.hero-search input{width:420px;max-width:90%;padding:12px 18px;border-radius:30px 0 0 30px;border:none;outline:none;font-size:15px}.hero-search button{background:#8c1007;border:none;color:#fff;padding:0 18px;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px;transition:.3s}.hero-search button:hover{background:#6f0d06}.hero-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:none;color:#fff;font-size:20px;width:45px;height:45px;border-radius:50%;cursor:pointer;z-index:10;transition:.3s}.hero-btn:hover{background:#8c1007}.hero-prev{left:25px}.hero-next{right:25px}.lihat-semua-wrapper{margin-bottom:30px;text-align:right;margin-top:30px}.btn-lihat-semua{display:inline-block;margin-top:30px;padding:12px 28px;background:#8c1007;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:.3s}.btn-lihat-semua:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0003;background:linear-gradient(135deg,#4a0804,#8c1007)}.cta-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-main{background:#8c1007;color:#fff;padding:16px 40px;border-radius:16px;border:none;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 30px #8c100766}.btn-main:hover{transform:translateY(-5px) scale(1.05);background:#4a0804;box-shadow:0 20px 40px #4a08044d}.btn-outline{background:#ffffff0d;color:#fff;padding:16px 40px;border-radius:16px;border:1px solid rgba(255,255,255,.4);font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:.4s}.btn-outline:hover{background:#fff;color:#8c1007;border-color:#fff}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.home{background-attachment:scroll;padding:80px 15px}.hero-overlay h1{font-size:30px}.hero-search{flex-direction:column;align-items:center;gap:12px;width:100%}.hero-search input{width:100%;border-radius:30px;text-align:center}.hero-search button{width:100%;border-radius:30px;padding:12px}.hero-btn{top:55%;width:35px;height:35px;font-size:16px}.hero-prev{left:8px}.hero-next{right:8px}.location-tag{font-size:11px;padding:8px 16px}}:root{--primary: #8C1007;--dark: #4A0804;--bg-soft: #f9f7f7;--accent: #dbe2ef;--glass: rgba(255, 255, 255, .7)}.about{padding:120px 24px;max-width:1200px;margin:auto;overflow:hidden}.about-top{position:relative;text-align:center;margin-bottom:100px}.about-left{max-width:900px;margin:auto}.about-left h2{font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.2;color:#4a0804;margin-bottom:24px;letter-spacing:-.5px}.about-right{position:absolute;right:0;bottom:0}.btn-tentang{display:inline-block;padding:12px 28px;background:#8c1007;color:#fff;border-radius:8px;text-decoration:none;transition:.3s ease}.btn-tentang:hover{background:#4a0804}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}.about-image{position:relative}.about-image img{width:100%;height:450px;object-fit:cover;border-radius:40px;box-shadow:0 30px 60px #8c100714}.about-quote{background:linear-gradient(135deg,#8c1007,#4a0804);color:#fff;padding:60px;border-radius:40px;position:relative;display:flex;flex-direction:column;justify-content:center;transition:transform .3s ease}.about-quote:hover{transform:rotate(-1deg) scale(1.02)}.about-quote:before{content:'"';position:absolute;top:20px;left:40px;font-size:120px;opacity:.1;font-family:serif}.about-quote p{font-size:22px;font-weight:300;font-style:italic;line-height:1.7;margin-bottom:35px;z-index:1}@media(max-width:900px){.about-top{text-align:left}.about-right{position:static;transform:none;margin-top:20px}.about-bottom{grid-template-columns:1fr;gap:40px}.about{padding:80px 20px}.about-image img{height:350px}.about-quote{padding:40px}}.news-modern{padding:100px 20px;background:#f7f7f7}.news-modern-container{max-width:1250px;margin:-160px auto auto}.news-modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.news-modern-header h2{font-size:32px;font-weight:800;color:#4a0804}.news-all-button{padding:10px 20px;border:2px solid #8C1007;border-radius:30px;text-decoration:none;color:#8c1007;font-weight:600;transition:.3s}.news-all-button:hover{background:#8c1007;color:#fff}.news-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.news-featured{position:relative;border-radius:20px;overflow:hidden;display:block}.news-featured img{width:100%;height:400px;object-fit:cover;transition:.4s}.news-featured:hover img{transform:scale(1.05)}.news-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.news-small-card{position:relative;border-radius:15px;overflow:hidden;display:block}.news-small-card img{width:100%;height:180px;object-fit:cover;transition:.4s}.news-small-card:hover img{transform:scale(1.05)}.overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;z-index:2}.overlay span{font-size:12px;margin-bottom:5px}.overlay h3,.overlay h4{margin:0}.news-right{background:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 25px #0000000d}.news-list-item{display:block;margin-bottom:20px;text-decoration:none;color:#333;border-bottom:1px solid #eee;padding-bottom:15px;transition:.3s}.news-list-item:hover{color:#8c1007}.news-list-item span{font-size:12px;color:#777}@media(max-width:992px){.news-layout,.news-small-grid{grid-template-columns:1fr}}:root{--primary: #4A0804;--primary-soft: rgba(74, 8, 4, .05);--blue-accent: #2d9cdb;--dark: #333333;--bg-soft: #f4f7f9;--surface: #ffffff;--text-muted: #888888;--border-light: #eeeeee;--shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--shadow-hover: 0 12px 30px rgba(74, 8, 4, .1)}.dashboard-section{padding:40px 20px;background:#f7f7f7;min-height:50vh;font-family:Inter,-apple-system,sans-serif}.dashboard-wrapper{max-width:1250px;margin:-50px auto auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}.ikm-box,.realisasi-box{background:var(--surface);padding:30px;border-radius:20px;box-shadow:var(--shadow-md);border-top:6px solid var(--primary);transition:transform .3s ease,box-shadow .3s ease}.ikm-box:hover,.realisasi-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.ikm-header,.realisasi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.ikm-title,.realisasi-title{font-size:20px;font-weight:700;color:var(--primary);margin:0}.ikm-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-light);background:#fff;font-size:13px;font-weight:500;color:#555;cursor:pointer;outline:none}.ikm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.ikm-card{background:#fff;padding:20px 15px;border-radius:12px;border:1px solid var(--border-light);text-align:left}.ikm-card p,.nilai-layanan-label{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:8px;letter-spacing:.5px}.ikm-card h3{font-size:28px;font-weight:800;color:var(--blue-accent);margin:0}.status-teks{font-size:18px!important;color:var(--primary)!important;line-height:1.2}.responden-section h4{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:15px}.responden-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.responden-card{background:#fcfcfc;padding:15px 20px;border-radius:12px;border:1px solid var(--border-light)}.responden-card p{font-size:11px;color:var(--text-muted);margin-bottom:5px;font-weight:600}.responden-card h3{font-size:22px;color:var(--primary);margin:0}.realisasi-content{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.info-row-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border-light);padding:14px 18px;border-radius:10px;margin-bottom:12px}.info-label{font-size:12px;font-weight:600;color:var(--text-muted)}.info-value{font-size:14px;font-weight:800;color:var(--dark)}.highlight-blue-text .info-value{color:var(--blue-accent)}.update-info{margin-top:25px;font-size:11px;color:#aaa;line-height:1.6}.chart-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-center-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pct-number{display:block;font-size:22px;font-weight:800;color:var(--blue-accent)}.pct-label{font-size:9px;font-weight:800;color:#999}.chart-legend-custom{display:flex;gap:12px;margin-bottom:20px;font-size:11px;font-weight:600}.dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px}.dot.blue{background:var(--blue-accent)}.dot.gray{background:#e0e0e0}@media(max-width:1024px){.dashboard-wrapper{grid-template-columns:1fr}}@media(max-width:600px){.ikm-grid,.realisasi-content{grid-template-columns:1fr}.chart-area{margin-top:20px}}.chart-relative-wrapper{position:relative;width:180px;height:180px;filter:drop-shadow(0px 15px 25px rgba(0,0,0,.25))}.chart-relative-wrapper canvas{transition:transform .3s ease}.chart-relative-wrapper:hover canvas{transform:scale(1.05)}.chart-relative-wrapper{position:relative;width:180px;height:180px}.chart-relative-wrapper:after{content:"";position:absolute;bottom:-10px;left:10%;width:80%;height:20px;background:#00000026;border-radius:50%;filter:blur(6px)}.foto{padding:100px 0;overflow:hidden}.foto-container{max-width:1250px;margin:-90px auto auto;padding:10px;text-align:center}.foto-title{font-size:32px;font-weight:800;color:#4a0804;text-align:left;margin-bottom:10px}.foto-slider{position:relative;width:100%;padding:40px 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.foto-track{display:flex;gap:24px;width:max-content;animation:scroll 30s linear infinite}.foto-slider:hover .foto-track{animation-play-state:paused}.foto-card{position:relative;width:320px;border-radius:24px;overflow:hidden;cursor:pointer;transition:transform .4s ease}.foto-card:hover{transform:translateY(-10px) scale(1.02)}.foto-card img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .4s ease}.foto-card:hover img{transform:scale(1.08)}.foto-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#00000080 45%,#0000001a);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}.foto-meta{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:8px}.foto-badge{background:#8c1007;padding:6px 12px;border-radius:6px;font-weight:600;font-size:11px}.foto-card-title{font-size:16px;font-weight:700;line-height:1.4}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.foto-button{display:inline-block;margin-top:5px;padding:12px 28px;background:#8c1007;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #8c100733}.foto-button:hover{background:#4a0804;transform:translateY(-2px);box-shadow:0 12px 25px #4a080440}@media(max-width:768px){.foto{padding:60px 0}.foto-card{width:260px}.foto-card img{height:200px}.foto-track{gap:16px}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-btn{padding:10px 16px;border:none;background:#f1f1f1;border-radius:8px;cursor:pointer;font-weight:500;color:#999}.page-number{width:40px;height:40px;border:none;border-radius:10px;background:#f1f1f1;cursor:pointer;font-weight:600}.page-number.active{background:#8c1007;color:#fff;box-shadow:0 5px 10px #8c10074d}.tentang-page{padding:80px 20px;background:#f8f9fb}.tentang-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tentang-image{position:relative}.tentang-image img{width:100%;border-radius:20px;display:block}.tentang-image:before{content:"";position:absolute;bottom:-15px;left:-15px;width:100%;height:100%;border:2px solid #4A0804;border-radius:20px;z-index:-1}.tentang-content{max-width:520px}.tentang-title{font-size:36px;font-weight:700;color:#4a0804;margin-bottom:10px}.tentang-meta{display:flex;gap:10px;font-size:14px;color:#6c7a89;margin-bottom:20px}.tentang-meta span{display:flex;align-items:center;gap:6px}.tentang-content p{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:16px}@media(max-width:900px){.tentang-container{grid-template-columns:1fr;gap:40px}.tentang-content{max-width:100%}}.tentang-box{background:#fff;padding:30px;border-radius:12px;border-top:5px solid #4A0804;box-shadow:0 6px 20px #0000000d}.tentang-divider{width:70px;height:4px;background:#4a0804;margin:20px 0;border-radius:4px}.tentang-box p{line-height:1.8;color:#4a5568;margin-bottom:16px}.visimisi-page{padding:80px 20px;background:#f8f9fb}.visimisi-container{max-width:1100px;margin:auto}.visimisi-title{font-size:36px;font-weight:700;color:#4a0804;margin-bottom:15px}.visimisi-meta{display:flex;gap:25px;color:#6c7a89;font-size:14px;margin-bottom:20px}.visimisi-meta span{display:flex;align-items:center;gap:6px}.visimisi-divider{width:70px;height:4px;background:#4a0804;border-radius:4px;margin-bottom:30px}.visimisi-box{background:#fff;padding:35px;border-radius:12px;border-top:5px solid #4A0804;box-shadow:0 6px 20px #0000000d}.visimisi-box h3{margin-top:20px;margin-bottom:10px;color:#4a0804}.visimisi-box p{font-size:16px;line-height:1.8;color:#4a5568}.visimisi-box ol{padding-left:20px}.visimisi-box li{margin-bottom:10px;line-height:1.7;color:#4a5568}.struktur-section{padding:80px 20px;background:#f8f9fb}.struktur-container{max-width:1100px;margin:auto}.struktur-title{font-size:36px;font-weight:700;color:#4a0804;margin-bottom:10px}.struktur-meta{display:flex;gap:20px;font-size:14px;color:#6c7a89}.struktur-meta span{display:flex;align-items:center;gap:6px}.struktur-divider{width:70px;height:4px;background:#4a0804;margin:20px 0 30px;border-radius:4px}.struktur-box{background:#fff;padding:30px;border-radius:12px;border-top:5px solid #4A0804;box-shadow:0 6px 20px #0000000d;text-align:center}.struktur-box img{max-width:100%;height:auto;border-radius:8px}@media(max-width:768px){.struktur-title{font-size:28px}.struktur-meta{flex-wrap:wrap;gap:10px}}.detail-page{padding:60px 20px;background-color:#f8f9fb}.detail-wrapper{max-width:900px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;box-sizing:border-box}.detail-content{background:#fff;padding:40px;border-radius:16px;box-shadow:0 15px 40px #8c10070f}.detail-title{font-size:28px;font-weight:800;color:#4a0804;margin-bottom:15px;line-height:1.4;letter-spacing:-.5px}.detail-meta{font-size:14px;color:#a08080;margin-bottom:20px;font-weight:500}.detail-image{width:100%;max-height:500px;border-radius:12px;margin-bottom:25px;object-fit:cover;border:1px solid #fef2f2}.detail-text p{font-size:16px;line-height:1.9;color:#333;text-align:justify;margin-bottom:18px}.back-button{background:none;border:none;color:#8c1007;font-weight:700;cursor:pointer;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:5px;transition:.3s}.back-button:hover{color:#4a0804;transform:translate(-5px)}.share-buttons{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 0;border-bottom:1px solid #fef2f2}.share-buttons span{font-size:14px;font-weight:600;color:#8c1007}.share-buttons a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;color:#fff;font-size:16px;transition:.3s ease}.wa-share{background:#25d366}.fb-share{background:#1877f2}.share-buttons a:hover{transform:scale(1.1) rotate(5deg)}.detail-sidebar{background:#fff;padding:25px;border-radius:14px;box-shadow:0 10px 25px #8c10070d;border-top:4px solid #8C1007}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#4a0804;display:flex;align-items:center;gap:10px}.sidebar-item{display:flex;gap:12px;margin-bottom:20px;text-decoration:none;color:#333;transition:.3s}.sidebar-item:hover{color:#8c1007}.sidebar-item img{width:80px;height:65px;object-fit:cover;border-radius:8px;border:1px solid #fef2f2}.sidebar-item span{font-size:14px;font-weight:700;line-height:1.3;display:block}.sidebar-item p{font-size:12px;color:#a08080;margin-top:4px}@media(max-width:992px){.detail-wrapper{grid-template-columns:1fr}.detail-sidebar{margin-top:30px}}@media(max-width:768px){.detail-content{padding:25px}.detail-title{font-size:22px}.detail-text p{font-size:15px}}@media(max-width:992px){.detail-wrapper{grid-template-columns:1fr;padding:0 10px}.detail-sidebar{margin-top:30px}}@media(max-width:768px){.detail-page{padding:30px 15px}.detail-content{padding:22px;border-radius:12px}.detail-title{font-size:22px;line-height:1.35}.detail-meta{font-size:13px}.detail-image{max-height:320px;margin-bottom:20px}.detail-text p{font-size:15px;line-height:1.7;text-align:left;margin-bottom:16px}.share-buttons{flex-wrap:wrap;gap:12px;justify-content:flex-start}.share-buttons span{width:100%;margin-bottom:5px}.share-buttons a{width:40px;height:40px;font-size:17px}.sidebar-item{gap:14px}.sidebar-item img{width:95px;height:70px}.sidebar-item span{font-size:13px}.sidebar-item p{font-size:11px}}@media(max-width:480px){.detail-page{padding:25px 12px}.detail-content{padding:18px}.detail-title{font-size:20px}.detail-meta{font-size:12px;margin-bottom:15px}.detail-image{max-height:250px}.detail-text p{font-size:14px;line-height:1.6}.back-button{font-size:13px;padding:8px 0}.share-buttons a{width:42px;height:42px}.sidebar-item img{width:85px;height:65px}}.detail-text{overflow-wrap:break-word;word-break:break-word}.detail-text img{max-width:100%;height:auto;display:block}.berita-page{padding:60px 20px;background-color:#f8f9fb;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.berita-container{max-width:1000px;width:100%;background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 50px #8c10070d}.berita-container h2{text-align:left;margin-bottom:40px;color:#4a0804;font-size:32px;font-weight:800;letter-spacing:-.5px}.berita-list{display:flex;flex-direction:column;gap:16px}.berita-item{display:flex;gap:24px;background:#fff;border-radius:16px;text-decoration:none;color:inherit;padding:16px;transition:all .3s ease;border:1px solid #fff5f5;align-items:center}.berita-item:hover{background:snow;border-color:#ffd6d4;transform:translate(8px)}.berita-item img{width:200px;height:130px;object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0;border:1px solid #fef2f2}.berita-info{flex-grow:1}.berita-info h3{margin-bottom:6px;color:#4a0804;font-size:20px;font-weight:700;line-height:1.3;transition:color .2s}.berita-item:hover h3{color:#8c1007}.berita-meta{font-size:14px;color:#a08080;margin-bottom:12px;display:block;font-weight:500}.berita-excerpt{color:#6b5a5a;font-size:15px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;display:box;box-orient:vertical}.pagination{margin-top:50px;display:flex;justify-content:center;gap:10px}.pagination button{min-width:40px;height:40px;padding:0 15px;border:none;background:#fef2f2;color:#8c1007;cursor:pointer;border-radius:8px;font-weight:700;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#ffd6d4;color:#4a0804}@media(max-width:768px){.berita-container{padding:24px 16px;border-radius:0}.berita-item{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.berita-item img{width:100%;height:180px}.berita-container h2{font-size:24px;margin-bottom:24px}}.pengumuman-page{padding:100px 20px;background:#f8f9fb}.pengumuman-container{max-width:900px;margin:auto;background:#fff;padding:40px;border-radius:18px;box-shadow:0 10px 30px #8c10070d}.pengumuman-container h2{font-size:28px;margin-bottom:10px;color:#4a0804;line-height:1.4;font-weight:800}.tanggal{font-size:14px;color:#a08080;margin-bottom:25px;display:block}.pengumuman-detail-img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;margin-bottom:30px;transition:.4s ease;border:1px solid #fef2f2}.pengumuman-detail-img:hover{transform:scale(1.01)}.pengumuman-container p{font-size:16px;line-height:1.8;color:#444;margin-bottom:18px}.btn-kembali{display:inline-block;margin-top:30px;padding:12px 24px;background:linear-gradient(135deg,#8c1007,#4a0804);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:.3s ease;box-shadow:0 4px 15px #8c100733}.btn-kembali:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a08044d;color:#fff}.pengumuman-list{display:flex;flex-direction:column;gap:25px}.pengumuman-item{display:flex;gap:20px;padding:20px;background:#fff;border-radius:14px;text-decoration:none;color:inherit;transition:.3s ease;box-shadow:0 5px 15px #0000000a;border:1px solid transparent}.pengumuman-item:hover{transform:translateY(-5px);box-shadow:0 12px 25px #8c10071a;border-color:#ffd6d4}.pengumuman-item img{width:180px;height:120px;object-fit:cover;border-radius:10px;background:#f9f9f9}.pengumuman-content h3{margin-bottom:8px;color:#4a0804;font-weight:700;transition:color .3s}.pengumuman-item:hover h3{color:#8c1007}.pagination{margin-top:40px;display:flex;justify-content:center;gap:10px}.pagination button{padding:10px 18px;border:1px solid #8C1007;background:#fff;color:#8c1007;cursor:pointer;border-radius:8px;font-weight:600;transition:.3s}.pagination button:hover:not(:disabled){background:#fdf2f2;transform:translateY(-2px)}.pagination button.active{background:#8c1007;color:#fff;box-shadow:0 4px 12px #8c100733}.pagination button:disabled{opacity:.4;cursor:not-allowed;border-color:#ddd;color:#aaa}@media(max-width:768px){.pengumuman-container{padding:25px;border-radius:0}.pengumuman-item{flex-direction:column}.pengumuman-item img{width:100%;height:200px}}.foto-page{padding:80px 20px;background:#f9fafc}.foto-page-container{max-width:1200px;margin:auto;text-align:center}.foto-page-container h2{margin-bottom:40px;color:#4a0804;font-size:30px;font-weight:800}.foto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.foto-item{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;transition:.3s ease}.foto-item:hover{transform:translateY(-6px)}.foto-item img{width:100%;height:300px;object-fit:cover;display:block;transition:.4s ease}.foto-item:hover img{transform:scale(1.08)}.foto-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#00000080,#0000001a);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;color:#fff}.foto-meta{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.foto-badge{background:#8c1007;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600}.foto-date{opacity:.85}.foto-title-overlay{font-size:15px;font-weight:700;line-height:1.4}@media(max-width:992px){.foto-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.foto-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px}.modal-content{max-width:900px;width:100%}.modal-content img{width:100%;max-height:85vh;object-fit:contain;border-radius:12px}.video-page{padding:80px 20px;background:#f8f8f8}.video-container{max-width:1200px;margin:auto}.video-title{text-align:center;font-size:30px;margin-bottom:40px;color:#4a0804;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.video-card{border-radius:18px;overflow:hidden;background:#000;box-shadow:0 10px 25px #0000001a;transition:.3s}.video-card:hover{transform:translateY(-4px)}.video-wrapper{position:relative;width:100%;height:300px}.video-wrapper iframe{width:100%;height:100%;border:none}.video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.3),transparent);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:.3s ease;pointer-events:none}.video-card:hover .video-overlay{opacity:1}.video-badge{background:#8c1007;padding:5px 12px;border-radius:20px;font-size:12px;display:inline-block;margin-bottom:8px}.video-date{font-size:12px;opacity:.8;margin-bottom:5px}.video-overlay h3{font-size:16px;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px}.page-btn,.page-number{min-width:50px;height:45px;padding:0 16px;border:none;border-radius:10px;background:#f0f0f0;font-size:15px;font-weight:600;color:#555;cursor:pointer;transition:all .25s ease}.page-btn:hover,.page-number:hover{background:#e4e4e4}.page-number.active{background:#8c1007;color:#fff;box-shadow:0 6px 12px #8c100759}.page-btn:disabled{opacity:.5;cursor:not-allowed}.fungsi-page{padding:80px 20px;background:#f8f9fb}.fungsi-container{max-width:1100px;margin:auto}.fungsi-title{font-size:36px;font-weight:700;color:#4a0804;margin-bottom:10px}.fungsi-meta{display:flex;gap:25px;font-size:14px;color:#6c7a89;margin-bottom:20px}.fungsi-meta span{display:flex;align-items:center;gap:6px}.fungsi-divider{width:70px;height:4px;background:#4a0804;border-radius:4px;margin-bottom:30px}.fungsi-box{background:#fff;padding:35px;border-radius:12px;border-top:5px solid #4A0804;box-shadow:0 6px 20px #0000000d}.fungsi-box h3{margin-top:20px;margin-bottom:10px;color:#4a0804}.fungsi-box p{line-height:1.8;color:#4a5568}.fungsi-box ol{padding-left:20px}.fungsi-box li{margin-bottom:10px;line-height:1.7;color:#4a5568}:root{--maroon: #8C1007;--maroon-dark: #630b05;--maroon-soft: rgba(140, 16, 7, .05);--dark: #1a1a1a;--bg-soft: #fbfbfb;--white: #ffffff;--accent: #eee}.download-section{padding:100px 24px;background:var(--bg-soft);min-height:80vh}.download-container{max-width:1000px;margin:auto}.download-title{text-align:center;font-size:clamp(30px,4vw,40px);font-weight:900;color:var(--maroon);letter-spacing:-1.5px;margin-bottom:60px}.download-title:after{content:"";display:block;width:50px;height:6px;background:var(--maroon);margin:15px auto 0;border-radius:10px}.download-grid{display:grid;gap:16px}.download-card{background:var(--white);padding:24px 32px;border-radius:20px;border:1px solid rgba(140,16,7,.08);display:flex;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8c100708}.download-card:hover{transform:translate(10px);border-color:var(--maroon);box-shadow:0 15px 35px #8c10071a}.download-info{display:flex;align-items:center;gap:20px}.download-info:before{content:"📄";font-size:22px;background:var(--maroon-soft);padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center}.download-info h3{margin:0 0 4px;font-size:19px;font-weight:700;color:var(--dark);transition:color .3s}.download-card:hover h3{color:var(--maroon)}.download-meta{font-size:13px;color:#777;font-weight:500;display:flex;gap:15px}.download-button{background:var(--maroon);color:var(--white);padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;transition:all .3s ease;box-shadow:0 6px 15px #8c100733}.download-button:hover{background:var(--maroon-dark);transform:scale(1.05);box-shadow:0 10px 20px #630b054d}.pagination{margin-top:60px;display:flex;justify-content:center;gap:10px}.pagination button{width:42px;height:42px;border:1.5px solid var(--accent);background:var(--white);border-radius:12px;cursor:pointer;font-weight:700;color:#555;transition:all .3s ease}.pagination button:hover:not(:disabled){border-color:var(--maroon);color:var(--maroon);transform:translateY(-3px)}.pagination button.active{background:var(--maroon);color:var(--white);border-color:var(--maroon);box-shadow:0 8px 15px #8c100733}.pagination button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.download-card{flex-direction:column;align-items:stretch;padding:24px;gap:20px}.download-info{flex-direction:column;align-items:flex-start}}.ppid-page{padding:80px 20px;background:#f8f9fb}.ppid-title{font-size:36px;font-weight:700;color:#4a0804}.ppid-divider{width:70px;height:4px;background:#4a0804;margin:20px 0 30px;border-radius:4px}.ppid-box{background:#fff;padding:35px;border-radius:12px;border-top:5px solid #4A0804;box-shadow:0 6px 20px #0000000d}.ppid-section{margin-bottom:30px}.ppid-section h2{margin-bottom:10px;color:#4a0804}.ppid-section p{line-height:1.8;color:#4a5568;margin-bottom:10px}.ppid-section ul{padding-left:20px}.ppid-section li{margin-bottom:8px;color:#4a5568}.download-search{display:flex;align-items:center;gap:10px;margin-bottom:20px}.download-search input{padding:10px 15px;border-radius:8px;border:1px solid #ddd;width:250px}.download-filter{margin-bottom:20px}.download-filter select{padding:10px;border-radius:8px;border:1px solid #ddd}.search-wrapper{display:flex;justify-content:left;margin-bottom:30px}.search-box{display:flex;align-items:center;background:#f2f2f2;border-radius:40px;overflow:hidden;max-width:450px;width:100%}.search-box input{flex:1;border:none;padding:12px 18px;background:transparent;outline:none;font-size:14px}.search-box button{background:#8c1007;border:none;color:#fff;padding:12px 18px;cursor:pointer}.pagination{display:flex;gap:8px;margin-top:30px;justify-content:center;flex-wrap:wrap}.pagination button{padding:8px 12px;border:none;background:#eee;cursor:pointer;border-radius:4px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{padding:8px 10px;color:#777;font-weight:700}.ppid-page{padding:80px 20px;background:#f5f5f5}.ppid-container{max-width:1100px;margin:auto}.ppid-title{font-size:34px;font-weight:700;color:#4a0804;margin-bottom:10px}.ppid-meta{display:flex;gap:20px;font-size:14px;color:#777;margin-bottom:20px}.ppid-meta span{display:flex;align-items:center;gap:6px}.ppid-divider{width:60px;height:4px;background:#4a0804;border-radius:3px;margin-bottom:40px}.ppid-content{background:#fff;padding:60px;border-radius:16px;border-top:6px solid #4A0804;box-shadow:0 10px 25px #0000000d}.ppid-section{margin-bottom:40px}.ppid-section:last-child{margin-bottom:0}.ppid-section h2{font-size:24px;color:#4a0804;margin-bottom:16px}.ppid-section p{font-size:16px;line-height:1.8;color:#444;margin-bottom:14px}@media(max-width:768px){.ppid-title{font-size:26px}.ppid-content{padding:30px}.ppid-meta{flex-direction:column;gap:8px}}.dip-page{padding:100px 20px;background:#f8f9fb}.dip-container{max-width:1200px;margin:auto}.dip-title{text-align:center;font-size:32px;font-weight:800;color:#4a0804;margin-bottom:40px}.dip-table-wrapper{overflow-x:auto}.dip-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.dip-table th,.dip-table td{padding:15px;text-align:left}.dip-table th{background:#8c1007;color:#fff}.dip-table tr:nth-child(2n){background:#f4f4f4}.dip-table tr:hover{background:#fceeee}.status{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}.status.Tersedia{background:#e6f7ee;color:#0a7a3f}.status.Dikecualikan{background:#fdeaea;color:#a10000}.btn-download{background:#8c1007;color:#fff;padding:6px 14px;border-radius:6px;text-decoration:none;font-size:14px}.btn-download:hover{background:#4a0804}.pagination{margin-top:40px;display:flex;justify-content:center;gap:8px}.pagination button{padding:8px 14px;border:none;background:#eee;border-radius:6px;cursor:pointer}.pagination button.active{background:#8c1007;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.dip-page{padding:60px 15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f8f9fb}