:root{--navy:#063a82;--blue:#0873d9;--light:#eaf5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#06245c;font-family:Inter,Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.container{width:min(1180px,94%);margin:auto}.masthead{height:102px;background:linear-gradient(130deg,#dff3ff 0%,#f8fcff 42%,#9bd2ff 72%,#d6f1ff 100%);position:relative;overflow:hidden}.masthead:after{content:'❄　❄　❄';position:absolute;right:21%;top:0;font-size:44px;color:#3a9eef40;letter-spacing:15px;pointer-events:none}.mast-inner{height:100%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{display:flex;gap:13px;align-items:center;line-height:1}.crest{height:72px;width:60px;display:grid;place-items:center;border:3px solid #eeb92d;border-radius:3px 3px 22px 22px;background:#087ac5;color:#fff;font-size:32px;flex:none}.brand strong{display:block;font-size:36px;font-weight:900;letter-spacing:-2px}.brand b{display:block;font-size:19px}.brand small{display:block;margin-top:3px;font-size:9px;line-height:1.08;font-weight:700}.head-right{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.mini-links{display:flex;gap:9px;font-size:11px}.head-actions{display:flex;gap:22px}.head-actions form{display:flex;background:white;border-radius:11px;overflow:hidden;box-shadow:0 5px 20px #00509b25}.head-actions input{border:0;padding:11px 14px;width:180px;outline:none}.head-actions button{border:0;background:#0756ae;color:white;font-size:24px;width:48px}.login-btn{padding:11px 15px;border-radius:10px;background:#054caa;color:white;font-size:12px;font-weight:700}.navbar{background:linear-gradient(#05387d,#042e6a);color:#fff;border-bottom:2px solid #ffc52e}.nav-inner{display:flex;align-items:stretch;min-height:42px}.nav-inner a{padding:13px 15px;font-size:12px;border-right:1px solid #ffffff1e;white-space:nowrap}.nav-inner a:hover,.nav-inner .active{background:#0754ab}.hero{height:330px;background:linear-gradient(90deg,#074487 0%,#0b70c9a8 39%,#06478a15 70%),url('/portal/hero.png') center/cover;position:relative;color:white}.hero:before,.stats:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 16%,#25a1ef3a 16% 19%,transparent 19% 65%,#005ab755 65% 72%,transparent 72%);pointer-events:none}.hero-overlay{height:100%;background:linear-gradient(90deg,#00489480,transparent 74%)}.hero-content{padding:30px 25px;position:relative}.welcome{background:#1c89f7;padding:6px 14px;border-radius:20px;font-size:17px;font-weight:700}.hero h1{font-size:68px;line-height:.9;letter-spacing:-3px;margin:16px 0 2px;font-weight:900;text-shadow:0 3px 9px #00326470}.hero h2{font-size:35px;line-height:1;margin:0;font-weight:900}.hero p{font-size:16px;line-height:1.3}.hero-bottom{display:flex;align-items:center;gap:34px}.hero-bottom span{font-size:27px;text-align:center}.hero-bottom small{display:block;font-size:11px}.yellow-btn{background:linear-gradient(#ffe775,#ffbf23);color:#03285d;border-radius:24px;padding:11px 21px;font-weight:800}.section{padding:17px 0 20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-head h2{display:flex;align-items:center;gap:9px;font-size:20px;margin:0;font-weight:800}.section-head a{font-size:12px;color:#0055b5}.heading-icon{display:inline-grid;place-items:center;width:26px;height:26px;color:#fff;background:#0879ec;border-radius:4px;font-size:21px}.announcement-heading-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.service-card{height:102px;border:1px solid #dfeaf6;border-radius:8px;background:linear-gradient(#fff,#f9fcff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s;padding:4px}.service-card:hover,.app-card:hover,.news-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #034d9230}.service-icon{font-size:34px;line-height:1.2;font-weight:900}.service-card strong,.app-card strong{font-size:11px;color:#001c51;line-height:1.2}.service-card small,.app-card small{font-size:10px;margin-top:3px}.info-band{background:linear-gradient(110deg,#f0f8ff,#fff 55%,#ebf6ff);padding:13px 0 14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{min-width:0}.panel-body,.news-card{background:#fff;border-radius:7px;box-shadow:0 2px 14px #00519b10}.panel-body{padding:4px 8px}.announcement{display:flex;align-items:center;gap:14px;min-height:50px;border-bottom:1px solid #e7eef7;font-size:12px}.announcement:last-child{border:0}.date{display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:60px;height:39px;border-radius:7px;background:#d9edff;color:#0644a2;font-size:10px}.date b{font-size:16px}.announcement em{font-style:normal;background:#ff2f3f;color:white;border-radius:7px;padding:5px 9px;margin-left:auto;font-size:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.news-card{overflow:hidden;min-height:242px}.news-image{height:105px;background-size:cover;background-position:center}.news-card>div:last-child{padding:9px;display:flex;flex-direction:column;gap:6px}.news-card small{color:#5e7798;font-size:10px}.news-card strong{font-size:11px;line-height:1.35}.circle-arrow{display:grid;place-items:center;background:#d5eaff;color:#0056c6;width:25px;height:25px;border-radius:50%;font-size:19px;margin-top:auto}.stats{position:relative;background:linear-gradient(100deg,#073c91,#0879d7 64%,#58aef0);color:#fff;padding:17px 0 28px;overflow:hidden}.stats .container{position:relative}.stats h2{font-size:20px;margin:0 0 10px}.stat-grid{display:grid;grid-template-columns:repeat(4,145px);gap:8px}.stat-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(#fff,#f7fbff);color:#063a81;border-radius:8px;padding:10px 4px;box-shadow:0 4px 10px #003d8c44}.stat-card span{font-size:26px;color:#0786ef}.stat-card b{font-size:23px}.stat-card small{font-size:12px}.stats-slogan{position:absolute;right:3%;top:15px;font-size:27px;font-style:italic;text-align:center;font-weight:800;text-shadow:0 3px 6px #003b71}.stats-slogan small{font-size:11px;display:block;font-style:normal}.app-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.app-card{height:93px;border:1px solid #dfeaf6;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-card span{font-size:31px;color:#0069ce}.quick-links{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:14px}.quick-links a{background:#edf5fd;padding:13px 8px;border-radius:6px;font-size:11px;text-align:center}footer{background:linear-gradient(120deg,#063979,#002c64);color:white;padding:18px 0 0;font-size:11px}.foot-grid{display:grid;grid-template-columns:2fr 1.3fr 1fr 1.2fr;gap:25px}.foot-brand{display:flex;align-items:center;gap:15px;font-size:17px}.foot-brand .crest{height:65px;width:55px}.foot-brand small{font-size:12px}.foot-grid p{line-height:1.5}.foot-grid h4{margin:2px 0 8px;font-size:12px}.foot-grid a{display:block;margin:5px 0}.social{font-size:22px}.slogan{font-size:24px;font-weight:900}.slogan small{font-size:13px}.foot-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:12px 0;font-size:10px}.inner-page{min-height:55vh;padding:30px 0 50px;background:#f6faff}.inner-card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 20px #00448812}.inner-card h1{margin-top:0;font-size:26px}.list-card{display:block;border-bottom:1px solid #e3ebf3;padding:15px 0}.list-card strong{display:block;margin-bottom:5px}.search-field{padding:10px 12px;border:1px solid #ccd9eb;border-radius:7px}.search-btn{padding:11px 18px;border:0;background:#086acb;color:#fff;border-radius:7px}.data-table{width:100%;border-collapse:collapse;margin-top:16px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #e0e9f1;text-align:left}.data-table th{background:#eff7ff}@media(max-width:900px){.service-grid{grid-template-columns:repeat(6,1fr)}.app-grid{grid-template-columns:repeat(4,1fr)}.nav-inner{overflow-x:auto}.stats-slogan{display:none}.info-grid{grid-template-columns:1fr}.masthead{height:auto;padding:15px 0}.brand strong{font-size:27px}.brand b{font-size:14px}.head-right{display:none}}@media(max-width:600px){.hero h1{font-size:49px}.hero h2{font-size:24px}.hero p{font-size:13px}.hero{height:320px}.hero-bottom{gap:12px}.hero-bottom span{font-size:18px}.service-grid{grid-template-columns:repeat(3,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.foot-bottom{display:block}.news-grid{grid-template-columns:1fr 1fr}}
.crest{object-fit:contain;background:none;border:0;border-radius:0}.foot-brand .crest{object-fit:contain}.service-form{max-width:720px}.service-form .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-form label{display:block;margin:13px 0;font-weight:700}.service-form input,.service-form textarea{display:block;width:100%;border:1px solid #cbdbee;border-radius:7px;padding:10px;margin-top:6px;font:inherit}.service-form button{cursor:pointer}@media(max-width:600px){.service-form .fields{grid-template-columns:1fr}}.demo-image{background-size:300% 100%}.news-card:nth-child(1) .demo-image{background-position:left center}.news-card:nth-child(2) .demo-image{background-position:center center}.news-card:nth-child(3) .demo-image{background-position:right center}.navbar{position:relative;z-index:20}.nav-dropdown{position:relative;color:#fff}.nav-dropdown summary{display:block;padding:13px 15px;font-size:12px;cursor:pointer;border-right:1px solid #ffffff1e;white-space:nowrap;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:hover,.nav-dropdown[open] summary{background:#0754ab}.nav-submenu{display:none;position:absolute;left:0;top:100%;z-index:40;min-width:220px;flex-direction:column;background:#fff;color:#07376f;border:1px solid #d9e8f8;border-radius:0 0 8px 8px;box-shadow:0 12px 24px #00377235}.nav-dropdown[open] .nav-submenu{display:flex}.nav-submenu a{display:block;border:0;padding:11px 15px;font-size:12px;white-space:normal}.nav-submenu a:hover{background:#eaf4ff;color:#0055b5}@media(max-width:900px){.nav-inner{flex-wrap:wrap;overflow:visible}}/* Main navigation: aligned links and accessible profile dropdown. */
.nav-inner{align-items:stretch;min-height:46px}
.nav-inner>a,.nav-trigger{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;font:500 12px/1.2 Inter,Arial,sans-serif;white-space:nowrap;color:#fff;border:0;border-right:1px solid #ffffff24;background:transparent}.nav-home-icon{width:16px;height:16px;margin-right:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-inner>a:hover,.nav-inner>a.active,.nav-trigger:hover,.nav-dropdown.is-open .nav-trigger,.nav-trigger:focus-visible{background:#0754ab;color:#fff}
.nav-dropdown{position:relative;display:flex;align-items:stretch;flex:none;z-index:30}
.nav-trigger{gap:8px;cursor:pointer}
.nav-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}
.nav-dropdown.is-open .nav-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.nav-submenu{display:none;position:absolute;top:100%;left:0;z-index:40;min-width:240px;max-width:min(320px,90vw);max-height:70vh;overflow-y:auto;padding:7px;background:#fff;color:#123c73;border:1px solid #d7e6f5;border-top:3px solid #ffc631;border-radius:0 0 9px 9px;box-shadow:0 15px 30px #002b633d}
.nav-dropdown.is-open .nav-submenu,.nav-dropdown:hover .nav-submenu{display:block}
.nav-submenu a{display:block;padding:10px 12px;border:0;border-radius:5px;color:#173a6d;font-size:12px;font-weight:600;line-height:1.35;white-space:normal}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#eaf4ff;color:#0058bb;outline:none}
@media(max-width:900px){.nav-inner{flex-wrap:wrap;overflow:visible}}
@media(max-width:600px){.nav-inner>a,.nav-trigger{min-height:40px;padding:0 10px;font-size:11px}.nav-submenu{min-width:210px}}

/* CAPTCHA pada formulir publik */
.form-captcha{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:8px 10px;border:1px solid #c8def4;border-radius:8px;background:#f0f7ff;color:#073b78;font-size:12px;font-weight:700}
.form-captcha label{white-space:nowrap}
.form-captcha input[type=number]{width:82px!important;min-width:82px;height:36px;padding:6px 8px;border:1px solid #a9c7e8;border-radius:6px;background:#fff;color:#082e68}
.captcha-error{margin:12px auto;padding:10px 14px;border-radius:7px;background:#ffe8ed;color:#a8203d}
.masthead{overflow:visible;z-index:5}
.head-actions form{position:relative;overflow:visible}
.head-actions .form-captcha{position:absolute;right:0;top:calc(100% + 4px);margin:0;box-shadow:0 6px 20px #003d8230;z-index:8}
@media(max-width:680px){.head-actions .form-captcha{right:0;top:100%}.form-captcha{max-width:100%}}

.portal-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto 4px;padding-top:18px;border-top:1px solid #e4edf7;color:#12477f}
.page-arrow,.page-number{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #cfe0f2;border-radius:8px;background:#fff;color:#0755a3;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;}
.page-arrow{gap:7px;padding:0 13px}
.page-arrow>span{font-size:25px;line-height:1;font-weight:500}
.page-number{min-width:38px;padding:0 9px}
.page-arrow:hover,.page-number:hover{background:#edf6ff;border-color:#8ebbe9}
.page-number.active{background:#0757ad;border-color:#0757ad;color:#fff}
.page-arrow.disabled{background:#f5f8fc;color:#9aa9ba;border-color:#e2e9f1;cursor:default}
.page-numbers{display:flex;align-items:center;gap:5px}
.page-dots{padding:0 3px;color:#71849c}
@media(max-width:480px){.portal-pagination{gap:5px}.page-arrow{padding:0 8px;font-size:11px}.page-number{min-width:32px;height:34px}.page-arrow>span{font-size:22px}}
.service-form .form-captcha{display:flex;width:max-content;max-width:100%;margin:14px 0 8px;padding:10px 12px}
.service-form .form-captcha label{display:inline-block;margin:0;font-size:12px}
.service-form .search-btn{display:block;min-width:144px;margin-top:8px}
@media(max-width:480px){.service-form .form-captcha{align-items:flex-start;gap:6px}.service-form .form-captcha label{white-space:normal}}

/* Admin-managed home banner slider */
.banner-slider{isolation:isolate;overflow:hidden}
.banner-slide{position:absolute;inset:0;z-index:1;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}
.banner-slide.is-active{opacity:1;visibility:visible}
.banner-slide .hero-overlay{background:transparent}
.banner-slide .hero-content{z-index:2}
.banner-slide h1{max-width:760px;font-size:clamp(38px,6vw,68px);line-height:1.05}
.banner-slide p{max-width:620px;white-space:pre-line}
.banner-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:54px;border:1px solid #ffffff80;border-radius:10px;background:#003f82a8;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.banner-arrow:hover{background:#003774e8}
.banner-prev{left:18px}.banner-next{right:18px}
.banner-dots{position:absolute;z-index:4;left:50%;bottom:16px;display:flex;gap:9px;transform:translateX(-50%)}
.banner-dot{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:99px;background:#ffffff80;cursor:pointer;transition:width .2s,background .2s}
.banner-dot.is-active{width:26px;background:#ffc52e;border-color:#ffc52e}
.banner-thumb{width:100px;height:56px;object-fit:cover;border:1px solid #dce5f0;border-radius:5px}
@media(max-width:650px){.banner-arrow{width:34px;height:44px;font-size:30px}.banner-prev{left:8px}.banner-next{right:8px}.banner-slide .hero-content{padding-left:48px;padding-right:48px}.banner-slide p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}}
/* Running text beranda */
.running-text-bar{overflow:hidden;border-bottom:1px solid #c9def1;background:linear-gradient(90deg,#eaf5ff,#fff,#eaf5ff);color:#123d70}.running-text-inner{display:flex;align-items:center;min-height:43px}.running-text-inner>strong{position:relative;z-index:2;display:flex;align-items:center;gap:7px;align-self:stretch;padding:0 18px;background:#0873d9;color:#fff;font-size:11px;letter-spacing:.7px;box-shadow:8px 0 14px #06488820}.running-text-inner>strong span{color:#ffd044;font-size:9px}.running-text-viewport{min-width:0;flex:1;overflow:hidden}.running-text-content{display:inline-block;min-width:100%;padding-left:100%;white-space:nowrap;will-change:transform;animation:running-text-scroll 28s linear infinite}.running-text-content.speed-lambat{animation-duration:42s}.running-text-content.speed-cepat{animation-duration:18s}.running-text-content a,.running-text-content span{display:inline-block;padding:13px 35px;font-size:12px;font-weight:700}.running-text-content a:hover{text-decoration:underline}.running-text-bar:hover .running-text-content{animation-play-state:paused}@keyframes running-text-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}@media(max-width:600px){.running-text-inner{width:100%}.running-text-inner>strong{padding:0 11px}.running-text-content a,.running-text-content span{padding-left:20px;padding-right:20px}}
.home-news-mobile-extra{display:none}@media(max-width:600px){.home-news-mobile-extra{display:block}}
@media(prefers-reduced-motion:reduce){.running-text-content{padding-left:0;white-space:normal;animation:none}.running-text-viewport{overflow:auto}}

/* Navigasi mobile */
.mobile-nav-head{display:none}.mobile-nav-toggle{border:0;background:transparent;color:#fff;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.mobile-nav-toggle>span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}.mobile-nav-toggle b{font-size:11px;font-weight:700}
@media(max-width:900px){.navbar{border-bottom-width:2px;box-shadow:0 5px 14px #002a5a25}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;color:#fff}.mobile-nav-head>span{font-size:12px;font-weight:800;letter-spacing:.3px}.mobile-nav-toggle{display:grid;grid-template-columns:21px auto;align-items:center;column-gap:8px;row-gap:4px;padding:8px 4px}.mobile-nav-toggle>span{grid-column:1}.mobile-nav-toggle b{grid-column:2;grid-row:1/4}.navbar.is-mobile-open .mobile-nav-toggle>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar.is-mobile-open .mobile-nav-toggle>span:nth-child(2){opacity:0}.navbar.is-mobile-open .mobile-nav-toggle>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar .nav-inner{display:none;width:94%;max-height:calc(100vh - 155px);min-height:0;overflow-y:auto;padding:7px 0 12px;border-top:1px solid #ffffff24}.navbar.is-mobile-open .nav-inner{display:flex;align-items:stretch;flex-direction:column;flex-wrap:nowrap}.nav-inner>a,.nav-trigger{justify-content:space-between;width:100%;min-height:46px;padding:0 14px;border:0;border-bottom:1px solid #ffffff17;border-radius:6px;font-size:12px}.nav-inner>a.active{border-left:3px solid #ffc52e;background:#0754ab}.nav-home-icon{margin-right:10px}.nav-inner>a:first-child{justify-content:flex-start}.nav-dropdown{display:block;width:100%}.nav-dropdown:not(.is-open) .nav-submenu{display:none}.nav-dropdown.is-open .nav-submenu{display:block}.nav-submenu{position:static;width:100%;min-width:0;max-width:none;max-height:none;padding:5px 6px 7px 18px;border:0;border-radius:0;background:#032a60;color:#fff;box-shadow:inset 3px 0 #ffc52e}.nav-submenu a{padding:11px 13px;border-bottom:1px solid #ffffff12;border-radius:5px;color:#e6f2ff;font-size:11px}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#0a4d98;color:#fff}.nav-chevron{margin-right:4px}}
@media(max-width:420px){.mobile-nav-head,.navbar .nav-inner{width:92%}}
@media(min-width:901px){.nav-submenu{border-color:#0a4f9b;border-top-color:#ffc631;background:linear-gradient(180deg,#05387d,#042e6a);color:#fff}.nav-submenu a{color:#eef6ff;border-bottom:1px solid #ffffff17}.nav-submenu a:last-child{border-bottom:0}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#0754ab;color:#fff}.nav-submenu{box-shadow:0 15px 30px #00234f59}}

.list-card.news-list-item{display:flex;align-items:flex-start;gap:22px;padding:22px 0}.news-list-thumbnail{width:240px;flex:0 0 240px;aspect-ratio:8/5;border-radius:10px;overflow:hidden;background:#eef4fb}.news-list-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.news-list-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;color:#697f9b}.news-list-content{min-width:0;padding:3px 0}.news-list-content time{display:block;color:#6f809a;font-size:12px;margin-bottom:8px}.news-list-content strong{font-size:19px;line-height:1.4;overflow-wrap:anywhere}.news-list-content p{margin:8px 0 12px;color:#60718a;line-height:1.6;font-size:13px}.news-list-more{display:inline-block;margin-top:8px;color:#0873d9;font-size:12px;font-weight:700}.news-list-item:hover strong{color:#0873d9}.news-list-item:focus-visible{outline:2px solid #0873d9;outline-offset:4px}@media(max-width:600px){.list-card.news-list-item{flex-direction:column;gap:12px}.news-list-thumbnail{width:100%;flex-basis:auto}.news-list-content strong{font-size:17px}}
.gallery-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.gallery-album{display:block;min-width:0;overflow:hidden;border:1px solid #e1eaf5;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0646870d;transition:transform .22s ease,box-shadow .22s ease}.gallery-album:hover{transform:translateY(-5px);box-shadow:0 16px 34px #06468720}.gallery-album:focus-visible{outline:3px solid #1685ed;outline-offset:4px}.gallery-album-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#eaf5ff,#c9e4ff);display:grid;place-items:center}.gallery-album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gallery-album:hover .gallery-album-cover img{transform:scale(1.055)}.gallery-album-placeholder{font-size:70px;color:#1380df88}.gallery-album-open{position:absolute;right:13px;bottom:13px;padding:8px 12px;border:1px solid #ffffffa6;border-radius:24px;background:#fffF;color:#064786;font-size:11px;font-weight:700;box-shadow:0 4px 12px #002f6540}.gallery-album-open b{margin-left:8px;color:#0873d9}.gallery-album-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 18px}.gallery-album-info time{display:block;margin-bottom:7px;color:#71849d;font-size:11px}.gallery-album-info h2{margin:0;color:#092c60;font-size:16px;line-height:1.35}.gallery-album-info p{margin:7px 0 0;color:#647890;font-size:12px;line-height:1.55}.gallery-album-arrow{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#e9f4ff;color:#0672d4;font-size:20px;transition:background .2s,color .2s}.gallery-album:hover .gallery-album-arrow{background:#0873d9;color:#fff}.gallery-listing .inner-card{padding:32px}.gallery-listing .gallery-intro{margin:5px 0 0;color:#637a96;line-height:1.6}@media(max-width:900px){.gallery-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:600px){.gallery-album-grid{grid-template-columns:1fr;gap:14px}.gallery-album-cover{aspect-ratio:16/10}.gallery-listing .inner-card{padding:20px}.gallery-album-info{padding:14px}.gallery-album-info h2{font-size:15px}}
.complaint-page{min-height:70vh;padding:30px 0 58px;background:linear-gradient(180deg,#eef7ff 0,#f8fbff 420px,#f6faff 100%)}.complaint-hero{display:flex;align-items:center;justify-content:space-between;min-height:260px;padding:36px 54px;overflow:hidden;position:relative;border-radius:22px;background:linear-gradient(115deg,#063b82 0%,#075fba 58%,#1689e8 100%);color:#fff;box-shadow:0 18px 44px #06478625}.complaint-hero:before,.complaint-hero:after{content:'';position:absolute;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.complaint-hero:before{width:390px;height:390px;right:7%;top:-160px}.complaint-hero:after{width:280px;height:280px;right:10%;top:-105px}.complaint-hero-copy{position:relative;z-index:1;max-width:650px}.complaint-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffffff40;border-radius:30px;background:#ffffff12;font-size:10px;font-weight:800;letter-spacing:1.2px}.complaint-eyebrow span{color:#6ef0bc;font-size:11px}.complaint-hero h1{margin:18px 0 9px;color:#fff;font-size:42px;line-height:1.1;letter-spacing:-1.2px}.complaint-hero p{max-width:610px;margin:0;color:#e0efff;font-size:14px;line-height:1.75}.complaint-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:11px 16px;border-radius:8px;background:#fff;color:#074c9a;font-size:12px;font-weight:800;box-shadow:0 5px 14px #00285230}.complaint-hero-art{position:relative;z-index:1;display:grid;place-items:center;width:205px;height:190px;flex:none;margin-right:6%;border-radius:50%;background:#ffffff10}.complaint-art-ring{position:absolute;inset:17px;border:1px solid #ffffff55;border-radius:50%}.complaint-art-icon{display:grid;place-items:center;width:91px;height:91px;border:1px solid #ffffff80;border-radius:27px;background:linear-gradient(145deg,#fff,#d7edff);color:#0765bf;font-size:46px;box-shadow:0 12px 30px #002f6945;transform:rotate(-8deg)}.complaint-art-caption{position:absolute;right:-28px;bottom:1px;padding:8px 12px;border:1px solid #ffffff40;border-radius:9px;background:#06468ebf;color:#fff;font-size:10px;font-weight:700;line-height:1.4;text-align:center}.complaint-content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);align-items:start;gap:22px;margin-top:24px}.complaint-form-card,.complaint-info-card,.complaint-help-card{border:1px solid #e1eaf4;border-radius:16px;background:#fff;box-shadow:0 8px 25px #0646870c}.complaint-form-card{padding:28px 30px}.complaint-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.complaint-heading-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;background:#e8f4ff;color:#0876d4;font-size:23px}.complaint-section-heading h2{margin:0;color:#092d61;font-size:21px}.complaint-section-heading p{margin:5px 0 0;color:#73849b;font-size:12px}.complaint-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.complaint-form label{display:block;color:#1c365b;font-size:12px;font-weight:700}.complaint-form label>span{color:#e04a5d}.complaint-form input:not([type=file]),.complaint-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8e3ef;border-radius:8px;background:#fbfdff;color:#12345d;font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.complaint-form input:not([type=file]){height:44px;padding:0 12px}.complaint-form textarea{min-height:136px;padding:12px;resize:vertical;line-height:1.6}.complaint-form input:focus,.complaint-form textarea:focus{border-color:#1983e2;box-shadow:0 0 0 3px #1685ed1b}.complaint-form input::placeholder,.complaint-form textarea::placeholder{color:#9baabc;font-weight:400}.complaint-message-label{margin-top:17px}.complaint-message-label small{display:block;margin-top:6px;color:#8998aa;font-size:10px;font-weight:400}.complaint-upload{display:flex!important;align-items:center;gap:10px;margin-top:17px;padding:14px;border:1px dashed #c7d9ed;border-radius:9px;background:#f8fbff}.complaint-upload small{margin-left:auto;color:#75879c;font-size:10px;font-weight:400}.complaint-upload input{max-width:220px;color:#60738c;font-size:10px}.complaint-submit{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:12px 20px;border:0;border-radius:8px;background:linear-gradient(110deg,#0873d9,#0757b2);color:white;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #0756ae35}.complaint-submit:hover{background:#064b9d}.complaint-privacy{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;color:#7b8da3;font-size:10px;line-height:1.6}.complaint-alert{margin-bottom:16px;padding:11px 13px;border:1px solid #ffc9cc;border-radius:8px;background:#fff3f3;color:#ad2734;font-size:12px}.complaint-side{display:grid;gap:15px}.complaint-info-card{padding:24px}.complaint-side-kicker{color:#0876d4;font-size:9px;font-weight:800;letter-spacing:1.2px}.complaint-info-card h2{margin:9px 0 20px;color:#092d61;font-size:20px;line-height:1.3}.complaint-steps{list-style:none;margin:0;padding:0}.complaint-steps li{display:flex;align-items:flex-start;gap:12px;position:relative;padding:0 0 19px}.complaint-steps li:not(:last-child):after{content:'';position:absolute;left:15px;top:33px;bottom:1px;width:1px;background:#dbe8f5}.complaint-steps li>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #c9e1fa;border-radius:50%;background:#f0f8ff;color:#0873d9;font-size:12px;font-weight:800}.complaint-steps strong,.complaint-steps small{display:block}.complaint-steps strong{padding-top:2px;color:#17375f;font-size:12px}.complaint-steps small{margin-top:4px;color:#76889e;font-size:10px;line-height:1.5}.complaint-track-link{display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding:12px;border-radius:8px;background:#edf6ff;color:#075eb7;font-size:11px;font-weight:800}.complaint-help-card{display:flex;gap:12px;padding:18px;background:#f1f8ff}.complaint-help-card>span{color:#0873d9;font-size:21px}.complaint-help-card strong{color:#153961;font-size:12px}.complaint-help-card p{margin:6px 0 0;color:#6d8099;font-size:10px;line-height:1.6}@media(max-width:900px){.complaint-hero{padding:32px}.complaint-hero-art{margin-right:2%;transform:scale(.85)}.complaint-content-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:14px}.complaint-form-card{padding:22px}}@media(max-width:700px){.complaint-page{padding:18px 0 36px}.complaint-hero{min-height:0;padding:26px 22px;border-radius:15px}.complaint-hero h1{font-size:32px}.complaint-hero p{font-size:12px}.complaint-hero-art{display:none}.complaint-content-grid{grid-template-columns:1fr;margin-top:15px}.complaint-form-card{padding:20px 16px}.complaint-fields{grid-template-columns:1fr;gap:13px}.complaint-upload{flex-wrap:wrap;align-items:flex-start}.complaint-upload small{width:100%;margin:0}.complaint-upload input{max-width:100%}}
.tracking-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tracking-code-row #tracking-code{padding:6px 9px;border:1px solid #c7ddf2;border-radius:6px;background:#fff;color:#073d83;font-weight:800;letter-spacing:.08em;user-select:all}.tracking-copy-btn{padding:7px 11px;border:1px solid #0a68c4;border-radius:6px;background:#fff;color:#075cb0;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.tracking-copy-btn:hover,.tracking-copy-btn:focus-visible{background:#0a68c4;color:#fff}.tracking-copy-feedback{color:#087653;font-size:12px}
.foot-grid p a{display:inline;margin:0;overflow-wrap:anywhere}.foot-grid p a:hover{text-decoration:underline}
.news-article-body{white-space:normal}.news-article-body p{margin:0 0 1em}.news-article-body h1,.news-article-body h2,.news-article-body h3{margin:1.2em 0 .45em;line-height:1.35;color:#092d61}.news-article-body img{display:block;max-width:100%;height:auto;margin:1.1em auto;border-radius:8px}.news-article-body iframe{display:block;width:100%;max-width:760px;aspect-ratio:16/9;height:auto;margin:1.1em auto;border:0;border-radius:8px}.news-article-body a{color:#086acb;text-decoration:underline}.news-article-body blockquote{margin:1.2em 0;padding:8px 18px;border-left:4px solid #0873d9;background:#f2f8ff}.news-article-body pre{overflow:auto;padding:14px;border-radius:8px;background:#edf3f9}.news-article-body ol,.news-article-body ul{padding-left:1.6em;margin:0 0 1em}.news-article-body ol li[data-list=bullet]{list-style-type:disc}.news-article-body ol li[data-list=ordered]{list-style-type:decimal}.news-article-body .ql-ui{display:none}.news-article-body .ql-align-center{text-align:center}.news-article-body .ql-align-right{text-align:right}.news-article-body .ql-align-justify{text-align:justify}.news-article-body .ql-size-small{font-size:.8em}.news-article-body .ql-size-large{font-size:1.3em}.news-article-body .ql-size-huge{font-size:1.8em}.news-article-body .ql-indent-1{margin-left:2em}.news-article-body .ql-indent-2{margin-left:4em}.news-article-body .ql-indent-3{margin-left:6em}
.news-article-body .ql-font-serif{font-family:Georgia,serif}.news-article-body .ql-font-monospace{font-family:monospace}.news-article-body .ql-code-block-container{overflow:auto;margin:1em 0;padding:12px 16px;border-radius:8px;background:#edf3f9;font-family:monospace;white-space:pre}.news-article-body .ql-code-block{white-space:pre}
.rich-content-body{line-height:1.8}.rich-content-body p{margin:0 0 1em}.rich-content-body h1,.rich-content-body h2,.rich-content-body h3{margin:1.2em 0 .45em;line-height:1.35;color:#092d61}.rich-content-body img{display:block;max-width:100%;height:auto;margin:1.1em auto;border-radius:8px}.rich-content-body iframe{display:block;width:100%;max-width:760px;aspect-ratio:16/9;height:auto;margin:1.1em auto;border:0;border-radius:8px}.rich-content-body a{color:#086acb;text-decoration:underline}.rich-content-body blockquote{margin:1.2em 0;padding:8px 18px;border-left:4px solid #0873d9;background:#f2f8ff}.rich-content-body ol,.rich-content-body ul{padding-left:1.6em;margin:0 0 1em}.rich-content-body ol li[data-list=bullet]{list-style-type:disc}.rich-content-body ol li[data-list=ordered]{list-style-type:decimal}.rich-content-body .ql-ui{display:none}.rich-content-body .ql-align-center{text-align:center}.rich-content-body .ql-align-right{text-align:right}.rich-content-body .ql-align-justify{text-align:justify}.rich-content-body .ql-size-small{font-size:.8em}.rich-content-body .ql-size-large{font-size:1.3em}.rich-content-body .ql-size-huge{font-size:1.8em}.rich-content-body .ql-font-serif{font-family:Georgia,serif}.rich-content-body .ql-font-monospace{font-family:monospace}

.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.news-detail-layout.without-widgets{grid-template-columns:1fr}.news-article{min-width:0;overflow-wrap:anywhere}.news-article h1{line-height:1.3}.news-article-image{display:block;max-width:100%;height:auto;border-radius:9px}.news-article-body{white-space:pre-line;line-height:1.8}.news-widgets{display:grid;gap:18px;min-width:0}.news-widget{background:#fff;border:1px solid #dfebf8;border-radius:12px;padding:20px;box-shadow:0 4px 18px #164c7e08;overflow-wrap:anywhere}.news-widget h2{font-size:18px;line-height:1.4;color:#063a82;margin:0 0 15px;padding-bottom:12px;border-bottom:2px solid #e8f2ff}.news-widget img{display:block;max-width:100%;height:auto;border-radius:7px;margin-bottom:14px}.news-widget-body{white-space:pre-line;line-height:1.7;color:#526780;font-size:14px}.news-widget-link{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 12px;border-radius:6px;background:#eaf4ff;color:#0757ad;font-weight:700;font-size:13px}.news-widget-link:hover{background:#daebff}@media(max-width:850px){.news-detail-layout{grid-template-columns:1fr}.news-widgets{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}}
.other-news-widget{grid-column:2;background:#fff;border:1px solid #dfebf8;border-radius:12px;padding:20px;box-shadow:0 4px 18px #164c7e08;min-width:0}.other-news-widget h2{font-size:18px;color:#063a82;margin:0 0 12px;padding-bottom:11px;border-bottom:2px solid #e8f2ff}.other-news-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #edf2f8;color:#173b69}.other-news-item img{width:72px;height:54px;flex:none;object-fit:cover;border-radius:6px}.other-news-item span{min-width:0}.other-news-item strong{display:block;font-size:13px;line-height:1.4}.other-news-item small{display:block;margin-top:5px;color:#72839a;font-size:11px}.other-news-item:hover strong,.other-news-all:hover{color:#0873d9}.other-news-all{display:block;margin-top:14px;color:#0757ad;font-size:13px;font-weight:700}@media(max-width:850px){.other-news-widget{grid-column:auto}}
.other-news-section{grid-column:1/-1;min-width:0;margin-top:2px}.other-news-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.other-news-heading h2{margin:0;color:#063a82;font-size:22px}.other-news-heading>a{color:#0757ad;font-size:13px;font-weight:700}.other-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.other-news-item{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid #dfebf8;border-radius:10px;background:#fff;box-shadow:0 4px 16px #164c7e0b;transition:transform .18s,box-shadow .18s}.other-news-item:hover{transform:translateY(-3px);box-shadow:0 9px 22px #164c7e1c}.other-news-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;overflow:hidden;background:#eef4fb;color:#7788a0;font-size:12px}.other-news-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.other-news-copy{display:block;padding:14px 15px 16px}.other-news-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15px;line-height:1.45;color:#103c73}.other-news-copy small{display:block;margin-top:9px;color:#74839a;font-size:11px}.other-news-item:hover .other-news-copy strong{color:#0873d9}.other-news-section .other-news-heading{border-bottom:1px solid #dfebf8;padding-bottom:12px}.other-news-widget{display:none}@media(max-width:700px){.other-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.other-news-copy{padding:11px}.other-news-copy strong{font-size:13px}}@media(max-width:430px){.other-news-grid{grid-template-columns:1fr}}
.news-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 8px;padding-top:18px;border-top:1px solid #e4edf7}.news-share-label{margin-right:4px;color:#536981;font-size:13px;font-weight:700}.share-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:9px;border:0;border-radius:50%;color:#fff;cursor:pointer;transition:transform .15s,filter .15s}.share-icon:hover{transform:translateY(-2px);filter:brightness(.92)}.share-icon:focus-visible{outline:3px solid #8ebbe9;outline-offset:2px}.share-icon svg{width:21px;height:21px;fill:currentColor}.share-whatsapp{background:#20b75a}.share-facebook{background:#1877f2}.share-instagram{background:linear-gradient(135deg,#793fd0,#df3985 55%,#f5a23a)}.share-x{background:#111}.share-feedback{flex-basis:100%;min-height:17px;color:#167448;font-size:12px}
.social-icons{display:flex;align-items:center;gap:10px;margin-top:10px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;color:#fff;box-shadow:0 4px 12px #001b4535;transition:transform .16s,filter .16s}.social-icon:hover{transform:translateY(-3px);filter:brightness(1.08)}.social-icon svg{width:21px;height:21px;fill:currentColor}.social-icon.social-instagram{background:linear-gradient(145deg,#7b39c7,#d83d85 58%,#f3a33b)}.social-icon.social-facebook{background:#1877f2}.social-icon.social-youtube{background:#f00000}.social-icon.social-x{background:#151515}.social-icon.is-unlinked{opacity:.78}@media(max-width:700px){.social-icons{gap:8px}.social-icon{width:38px;height:38px}}
.service-card-disabled,.list-card-disabled{cursor:not-allowed;opacity:.72;filter:saturate(.65)}.service-card-disabled:hover{transform:none;box-shadow:none}

/* Form registrasi kenaikan pangkat */
.promotion-page{padding:28px 0 55px;background:linear-gradient(180deg,#edf7ff,#f7faff 430px)}.promotion-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:300px;overflow:hidden;padding:35px 48px;border-radius:22px;background:radial-gradient(circle at 90% 12%,#2794ee 0,transparent 30%),linear-gradient(120deg,#092f6b,#0867c2);color:#fff;box-shadow:0 18px 42px #063e7b2b}.promotion-hero nav{position:absolute;left:48px;top:28px;display:flex;gap:9px;color:#cce8ff;font-size:11px}.promotion-hero nav a:hover{text-decoration:underline}.promotion-hero-copy{max-width:680px;padding-top:35px}.promotion-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px}.promotion-hero h1{margin:10px 0 10px;font-size:clamp(33px,4.5vw,52px);line-height:1.08}.promotion-hero p{max-width:580px;margin:0;color:#e0f0ff;font-size:14px;line-height:1.7}.promotion-hero-copy>a{display:inline-flex;gap:22px;margin-top:21px;padding:11px 16px;border-radius:8px;background:#fff;color:#0759a9;font-size:12px;font-weight:800}.promotion-hero-icon{display:grid;place-items:center;width:155px;height:155px;flex:none;margin-right:6%;border:1px solid #ffffff59;border-radius:36px;background:#ffffff20;font-size:73px;transform:rotate(7deg)}.promotion-flow{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0}.promotion-flow>div{display:flex;align-items:center;gap:10px}.promotion-flow span,.promotion-section-title>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#0873d9;color:#fff;font-size:12px;font-weight:800}.promotion-flow strong,.promotion-flow small{display:block}.promotion-flow strong{font-size:11px}.promotion-flow small{margin-top:2px;color:#70849c;font-size:9px}.promotion-flow i{width:55px;height:1px;background:#bed3e8}.promotion-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.promotion-form-card,.promotion-info,.promotion-track{border:1px solid #d9e7f4;border-radius:14px;background:#fff;box-shadow:0 7px 25px #0646870d}.promotion-form-card{padding:27px}.promotion-section-title{display:flex;align-items:center;gap:12px;margin:0 0 17px}.promotion-section-title:not(:first-child){margin-top:28px;padding-top:25px;border-top:1px solid #e5edf5}.promotion-section-title h2{margin:0;color:#0b376c;font-size:18px}.promotion-section-title p{margin:4px 0 0;color:#74879d;font-size:10px}.promotion-alert{margin-bottom:17px;padding:12px 15px;border:1px solid #f2c3c8;border-radius:8px;background:#fff0f2;color:#a82d3e;font-size:11px}.promotion-alert ul{margin:7px 0 0;padding-left:18px}.promotion-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.promotion-type{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #d9e5f1;border-radius:10px;cursor:pointer}.promotion-type input{position:absolute;opacity:0}.promotion-type.is-active{border-color:#0873d9;background:#edf6ff;box-shadow:0 0 0 2px #0873d917}.promotion-type-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:#e8f3ff;color:#0873d9;font-size:22px}.promotion-type strong,.promotion-type small{display:block}.promotion-type strong{color:#173c69;font-size:12px}.promotion-type small{margin-top:4px;color:#77889d;font-size:9px;line-height:1.45}.promotion-type>b{display:none;margin-left:auto;color:#0873d9}.promotion-type.is-active>b{display:block}.promotion-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promotion-fields label,.promotion-count-grid label{color:#344e6e;font-size:11px;font-weight:700}.promotion-fields em{color:#df4355;font-style:normal}.promotion-fields input,.promotion-fields select,.promotion-fields textarea,.promotion-count-grid input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cddceb;border-radius:7px;background:#fbfdff;color:#173a65;font:inherit;outline:none}.promotion-fields input:focus,.promotion-fields select:focus,.promotion-fields textarea:focus,.promotion-count-grid input:focus{border-color:#4294df;box-shadow:0 0 0 3px #1681e719}.promotion-fields .span-2{grid-column:1/-1}.promotion-fields label>small{display:block;margin-top:5px;color:#8291a3;font-size:9px;font-weight:400}.promotion-count-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.promotion-total{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;background:#e8f4ff;color:#075bac;text-align:center}.promotion-total span,.promotion-total small{font-size:9px;font-weight:700}.promotion-total strong{font-size:25px}.promotion-upload{display:flex;align-items:center;gap:13px;margin-top:17px;padding:15px;border:1px dashed #9fc6eb;border-radius:9px;background:#f5faff;cursor:pointer}.promotion-upload-icon{font-size:27px;color:#0873d9}.promotion-upload>span:nth-child(2){flex:1}.promotion-upload strong,.promotion-upload small{display:block}.promotion-upload strong{color:#21456f;font-size:11px}.promotion-upload small{margin-top:4px;color:#768aa2;font-size:9px}.promotion-upload input{max-width:220px;font-size:10px}.promotion-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #e5edf5}.promotion-submit-row p{margin:0;color:#7b8da1;font-size:9px}.promotion-submit-row button{display:flex;align-items:center;gap:16px;padding:12px 17px;border:0;border-radius:8px;background:#0873d9;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.promotion-submit-row button:hover{background:#075caf}.promotion-side{display:grid;gap:14px}.promotion-info{display:flex;gap:12px;padding:20px}.promotion-info>span{color:#0873d9;font-size:22px}.promotion-info h2{margin:2px 0 12px;color:#153b68;font-size:15px}.promotion-info ul{margin:0;padding-left:16px;color:#687e98;font-size:10px;line-height:1.8}.promotion-track{display:flex;align-items:center;gap:11px;padding:16px;color:#16518b}.promotion-track>span{font-size:24px}.promotion-track div{flex:1}.promotion-track strong,.promotion-track small{display:block}.promotion-track strong{font-size:11px}.promotion-track small{margin-top:3px;color:#8091a4;font-size:9px}.promotion-track>b{font-size:18px}.promotion-form-card .form-captcha{margin:20px 0 0}
@media(max-width:900px){.promotion-layout{grid-template-columns:1fr}.promotion-side{grid-template-columns:repeat(2,1fr)}.promotion-count-grid{grid-template-columns:repeat(2,1fr)}.promotion-total{min-height:70px}.promotion-hero-icon{margin-right:1%}}
@media(max-width:650px){.promotion-page{padding-top:16px}.promotion-hero{min-height:0;padding:27px 22px;border-radius:15px}.promotion-hero nav{position:static;margin-bottom:24px;flex-wrap:wrap}.promotion-hero-copy{padding:0}.promotion-hero-icon{display:none}.promotion-flow{justify-content:space-between;gap:5px}.promotion-flow i{width:18px}.promotion-flow small{display:none}.promotion-form-card{padding:19px 15px}.promotion-type-grid,.promotion-fields,.promotion-side{grid-template-columns:1fr}.promotion-fields .span-2{grid-column:auto}.promotion-count-grid{grid-template-columns:repeat(2,1fr)}.promotion-upload{align-items:flex-start;flex-wrap:wrap}.promotion-upload input{width:100%;max-width:none}.promotion-submit-row{align-items:stretch;flex-direction:column}.promotion-submit-row button{justify-content:center;width:100%}}

/* Pelacakan permohonan dari beranda */
.home-tracking{padding:18px 0;background:#f0f7ff}.home-tracking-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border:1px solid #cfe3f8;border-radius:12px;background:#fff;box-shadow:0 5px 20px #06478612}.home-tracking-copy{display:flex;align-items:center;gap:15px;min-width:260px}.home-tracking-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:13px;background:#e5f2ff;color:#086acb;font-size:32px;font-weight:800}.home-tracking h2{margin:0 0 5px;color:#073a7d;font-size:19px}.home-tracking p{margin:0;color:#627995;font-size:12px;line-height:1.5}.home-tracking-form{display:flex;align-items:center;gap:9px;flex:1;max-width:650px}.home-tracking-form input{min-width:0;flex:1;padding:12px 13px;border:1px solid #bfd4e9;border-radius:7px;background:#fbfdff;color:#103b6a;font:inherit}.home-tracking-form input:focus{outline:2px solid #7bb7f1;outline-offset:1px}.home-tracking-form button{flex:none;padding:12px 16px;border:0;border-radius:7px;background:#086acb;color:#fff;font:inherit;font-weight:700;cursor:pointer}.home-tracking-form button:hover{background:#0754a5}.home-tracking-form button:focus-visible{outline:2px solid #0754a5;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.home-tracking-inner{align-items:stretch;flex-direction:column}.home-tracking-form{max-width:none}}
@media(max-width:600px){.home-tracking{padding:12px 0}.home-tracking-inner{padding:18px}.home-tracking-copy{min-width:0}.home-tracking h2{font-size:17px}.home-tracking-form{flex-direction:column;align-items:stretch}.home-tracking-form input,.home-tracking-form button{width:100%;flex:auto}}

/* Halaman daftar layanan */
.service-listing{padding-bottom:15px}.service-listing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:310px;overflow:hidden;padding:38px 48px;border-radius:22px;background:radial-gradient(circle at 85% 20%,#2696ed 0,#0c69bb 34%,transparent 35%),linear-gradient(115deg,#052d69,#0756a7 70%,#087bd1);color:#fff;box-shadow:0 18px 42px #063e7b29}.service-listing-hero:before,.service-listing-hero:after{content:'';position:absolute;border:1px solid #ffffff2c;border-radius:50%;pointer-events:none}.service-listing-hero:before{width:470px;height:470px;right:-95px;top:-220px}.service-listing-hero:after{width:320px;height:320px;right:20px;bottom:-240px}.service-listing-hero-copy{position:relative;z-index:1;max-width:690px}.service-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:29px;color:#cce7ff;font-size:12px}.service-breadcrumb a:hover{text-decoration:underline}.service-listing-kicker,.service-listing-overline{font-size:10px;font-weight:800;letter-spacing:1.8px}.service-listing-kicker{display:inline-block;padding:8px 11px;border:1px solid #ffffff62;border-radius:20px;background:#ffffff17;color:#e9f5ff}.service-listing-hero h1{margin:15px 0 10px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.4px}.service-listing-hero p{max-width:560px;margin:0;color:#e2f0ff;font-size:15px;line-height:1.7}.service-listing-track{display:inline-flex;align-items:center;gap:20px;margin-top:24px;padding:12px 17px;border-radius:9px;background:#fff;color:#07529c;font-size:13px;font-weight:800;box-shadow:0 8px 20px #0026572e;transition:transform .2s,box-shadow .2s}.service-listing-track:hover{transform:translateY(-2px);box-shadow:0 12px 22px #00265742}.service-listing-track:focus-visible,.service-listing-card:focus-visible{outline:3px solid #ffce4f;outline-offset:4px}.service-listing-hero-art{position:relative;z-index:1;display:grid;place-items:center;width:190px;height:190px;flex:none;margin:10px 6% 0 20px;border:1px solid #ffffff42;border-radius:42px;background:#ffffff1f;box-shadow:0 14px 38px #002c6233;transform:rotate(8deg)}.service-listing-hero-art>span{font-size:96px;line-height:1;color:#fff;transform:rotate(-8deg)}.service-listing-hero-art i{position:absolute;inset:-15px;border:1px solid #ffffff38;border-radius:52px}.service-listing-hero-art b{position:absolute;bottom:-20px;right:-40px;padding:10px 13px;border-radius:8px;background:#fff;color:#07529c;font-size:11px;white-space:nowrap;transform:rotate(-8deg);box-shadow:0 8px 18px #00265738}.service-listing-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:40px 0 21px}.service-listing-overline{color:#0873d9}.service-listing-heading h2{margin:7px 0 5px;color:#092d61;font-size:27px;line-height:1.25;letter-spacing:-.5px}.service-listing-heading p{margin:0;color:#657b96;font-size:13px}.service-listing-count{flex:none;padding:9px 13px;border:1px solid #d6e6f7;border-radius:30px;background:#fff;color:#0c5ba8;font-size:12px;font-weight:800}.service-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.service-listing-card{display:flex;flex-direction:column;min-width:0;min-height:248px;padding:23px;border:1px solid #dbe8f5;border-radius:17px;background:#fff;box-shadow:0 6px 21px #0a4f920b;transition:transform .2s,box-shadow .2s,border-color .2s}.service-listing-card:hover:not(.is-disabled){transform:translateY(-5px);border-color:#a7cff3;box-shadow:0 16px 30px #0a4f921d}.service-listing-card-top{display:flex;align-items:flex-start;justify-content:space-between}.service-listing-card-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#e8f4ff;color:#0873d9;font-size:30px;line-height:1}.service-listing-card:nth-child(3n+2) .service-listing-card-icon{background:#e7f7f2;color:#138c69}.service-listing-card:nth-child(3n) .service-listing-card-icon{background:#fff2e5;color:#e17c16}.service-listing-card-number{color:#afbed1;font-size:12px;font-weight:800;letter-spacing:1px}.service-listing-card-body{flex:1;margin-top:21px}.service-listing-card h3{margin:0;color:#102f5b;font-size:18px;line-height:1.38}.service-listing-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:9px 0 16px;color:#647993;font-size:12px;line-height:1.65}.service-listing-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #e9f0f7;color:#0873d9;font-size:12px;font-weight:800}.service-listing-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8f4ff;font-size:19px;transition:background .2s,color .2s}.service-listing-card:hover .service-listing-arrow{background:#0873d9;color:#fff}.service-listing-card.is-disabled{background:#f8fafc;opacity:.72}.service-listing-card.is-disabled .service-listing-card-footer{color:#697e98}.service-listing-empty{grid-column:1/-1;padding:45px 20px;border:1px dashed #c6dbf0;border-radius:14px;background:#fff;color:#617994;text-align:center}
@media(max-width:900px){.service-listing-hero{padding:32px}.service-listing-hero-art{width:140px;height:140px;margin-right:4%}.service-listing-hero-art>span{font-size:72px}.service-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.service-listing-hero{min-height:0;padding:27px 23px;border-radius:16px}.service-breadcrumb{margin-bottom:22px}.service-listing-hero p{font-size:13px}.service-listing-hero-art{display:none}.service-listing-heading{align-items:flex-start;margin:28px 0 17px}.service-listing-heading h2{font-size:22px}.service-listing-count{font-size:11px;white-space:nowrap}.service-listing-grid{grid-template-columns:1fr;gap:13px}.service-listing-card{min-height:220px;padding:20px}}
@media(max-width:390px){.service-listing-heading{flex-direction:column}}

/* Halaman daftar pengumuman */
.announcement-listing{padding-bottom:15px}.announcement-listing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:280px;overflow:hidden;padding:36px 48px;border-radius:22px;background:radial-gradient(circle at 92% 12%,#2182d2 0,transparent 28%),linear-gradient(115deg,#092b62,#0754a6 68%,#0875c4);color:#fff;box-shadow:0 18px 42px #063e7b24}.announcement-listing-hero:before,.announcement-listing-hero:after{content:'';position:absolute;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}.announcement-listing-hero:before{width:410px;height:410px;right:-70px;top:-160px}.announcement-listing-hero:after{width:290px;height:290px;right:115px;bottom:-220px}.announcement-listing-hero-copy{position:relative;z-index:1;max-width:650px}.announcement-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#c7e4ff;font-size:12px}.announcement-breadcrumb a:hover{text-decoration:underline}.announcement-listing-kicker{display:inline-block;padding:7px 11px;border:1px solid #ffffff5e;border-radius:20px;background:#ffffff17;color:#eaf5ff;font-size:10px;font-weight:800;letter-spacing:1.6px}.announcement-listing-hero h1{margin:15px 0 9px;color:#fff;font-size:clamp(34px,4.5vw,52px);letter-spacing:-1.4px;line-height:1.1}.announcement-listing-hero p{max-width:560px;margin:0;color:#e0eeff;font-size:15px;line-height:1.7}.announcement-listing-hero-icon{position:relative;z-index:1;display:grid;place-items:center;width:155px;height:155px;flex:none;margin-right:8%;border:1px solid #ffffff66;border-radius:36px;background:#ffffff24;font-size:78px;box-shadow:0 16px 32px #002a5c3d;transform:rotate(9deg)}.announcement-listing-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:38px 0 20px}.announcement-listing-heading>div>span{color:#0873d9;font-size:10px;font-weight:800;letter-spacing:1.6px}.announcement-listing-heading h2{margin:7px 0 5px;color:#092d61;font-size:27px;letter-spacing:-.5px}.announcement-listing-heading p{margin:0;color:#657b96;font-size:13px}.announcement-listing-count{flex:none;padding:9px 13px;border:1px solid #d6e6f7;border-radius:30px;background:#fff;color:#0c5ba8;font-size:12px;font-weight:800}.announcement-listing-items{display:grid;gap:14px;margin-bottom:24px}.announcement-listing-card{display:flex;align-items:center;gap:24px;min-width:0;padding:22px 24px;border:1px solid #dce8f5;border-radius:15px;background:#fff;box-shadow:0 5px 20px #0a4f920b;transition:transform .2s,box-shadow .2s,border-color .2s}.announcement-listing-card:hover{transform:translateY(-3px);border-color:#a6cdf1;box-shadow:0 13px 28px #0a4f9219}.announcement-listing-card:focus-visible{outline:3px solid #0873d9;outline-offset:3px}.announcement-listing-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:78px;height:78px;flex:none;border-radius:13px;background:#e9f4ff;color:#0755a7;text-align:center}.announcement-listing-date strong{font-size:30px;line-height:1.05}.announcement-listing-date span{margin-top:3px;font-size:11px;font-weight:800}.announcement-listing-content{min-width:0;flex:1}.announcement-listing-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#6683a4;font-size:10px;font-weight:800;letter-spacing:1px}.announcement-listing-meta em{padding:5px 8px;border-radius:20px;background:#e6f7ee;color:#138253;font-size:10px;font-style:normal;letter-spacing:0}.announcement-listing-card h3{margin:0;color:#123663;font-size:18px;line-height:1.4}.announcement-listing-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:8px 0 0;color:#657a92;font-size:12px;line-height:1.6}.announcement-attachment{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:6px;background:#f1f6fc;color:#40668e;font-size:11px;font-weight:700}.announcement-listing-arrow{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#e9f4ff;color:#0873d9;font-size:22px;transition:background .2s,color .2s}.announcement-listing-card:hover .announcement-listing-arrow{background:#0873d9;color:#fff}.announcement-listing-empty{padding:45px 20px;border:1px dashed #c6dbf0;border-radius:14px;background:#fff;color:#617994;text-align:center}
@media(max-width:700px){.announcement-listing-hero{min-height:0;padding:28px 24px;border-radius:16px}.announcement-breadcrumb{margin-bottom:22px}.announcement-listing-hero p{font-size:13px}.announcement-listing-hero-icon{width:100px;height:100px;margin-right:0;font-size:50px}.announcement-listing-heading{margin:28px 0 17px}.announcement-listing-heading h2{font-size:22px}.announcement-listing-card{gap:15px;padding:18px}.announcement-listing-date{width:62px;height:65px}.announcement-listing-date strong{font-size:24px}.announcement-listing-card h3{font-size:16px}}
@media(max-width:520px){.announcement-listing-hero-icon{display:none}.announcement-listing-heading{align-items:flex-start;flex-direction:column}.announcement-listing-card{align-items:flex-start;gap:12px}.announcement-listing-date{width:54px;height:60px}.announcement-listing-date strong{font-size:21px}.announcement-listing-date span{font-size:9px}.announcement-listing-arrow{width:27px;height:27px;font-size:17px}.announcement-listing-meta{flex-wrap:wrap;font-size:9px}.announcement-listing-card h3{font-size:15px}}

/* Halaman daftar dokumen */
.document-listing{padding-bottom:16px}.document-listing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:310px;overflow:hidden;padding:40px 48px;border-radius:22px;background:radial-gradient(circle at 88% 15%,#1689b3 0,transparent 29%),linear-gradient(115deg,#07335d,#075b82 68%,#087ea8);color:#fff;box-shadow:0 18px 42px #063e7b26}.document-listing-hero:before,.document-listing-hero:after{content:'';position:absolute;border:1px solid #ffffff2b;border-radius:50%;pointer-events:none}.document-listing-hero:before{width:430px;height:430px;right:-95px;top:-190px}.document-listing-hero:after{width:300px;height:300px;right:115px;bottom:-240px}.document-listing-hero-copy{position:relative;z-index:1;max-width:660px}.document-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#caeaf2;font-size:12px}.document-breadcrumb a:hover{text-decoration:underline}.document-listing-kicker{display:inline-block;padding:8px 11px;border:1px solid #ffffff60;border-radius:20px;background:#ffffff17;color:#ecfaff;font-size:10px;font-weight:800;letter-spacing:1.6px}.document-listing-hero h1{margin:15px 0 10px;color:#fff;font-size:clamp(34px,4.5vw,50px);line-height:1.1;letter-spacing:-1.4px}.document-listing-hero p{max-width:570px;margin:0;color:#dcf1f7;font-size:15px;line-height:1.7}.document-listing-hero-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding:12px 16px;border-radius:9px;background:#fff;color:#075879;font-size:13px;font-weight:800;box-shadow:0 8px 18px #00283a32;transition:transform .2s,box-shadow .2s}.document-listing-hero-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00283a45}.document-listing-hero-link:focus-visible,.document-listing-card a:focus-visible{outline:3px solid #ffce4f;outline-offset:3px}.document-listing-hero-art{position:relative;z-index:1;display:grid;place-items:center;width:190px;height:190px;flex:none;margin:12px 7% 0 20px;border:1px solid #ffffff72;border-radius:38px;background:#ffffff20;box-shadow:0 15px 34px #002e4a35;transform:rotate(8deg)}.document-listing-hero-art>span:first-child{color:#fff;font-size:110px;line-height:1;transform:rotate(-8deg)}.document-listing-hero-art>span:last-child{position:absolute;right:-22px;bottom:-18px;display:grid;place-items:center;width:64px;height:64px;border:4px solid #0b6389;border-radius:18px;background:#fff;color:#08739b;font-size:34px;font-weight:900;transform:rotate(-8deg)}.document-listing-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:40px 0 21px;scroll-margin-top:20px}.document-listing-heading>div>span{color:#08769e;font-size:10px;font-weight:800;letter-spacing:1.6px}.document-listing-heading h2{margin:7px 0 5px;color:#0a355e;font-size:27px;letter-spacing:-.5px}.document-listing-heading p{margin:0;color:#657b96;font-size:13px}.document-listing-count{flex:none;padding:9px 13px;border:1px solid #cde5ed;border-radius:30px;background:#fff;color:#087497;font-size:12px;font-weight:800}.document-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.document-listing-card{display:flex;flex-direction:column;min-width:0;min-height:290px;padding:22px;border:1px solid #dbe8ee;border-radius:17px;background:#fff;box-shadow:0 6px 21px #0a4f920b;transition:transform .2s,box-shadow .2s,border-color .2s}.document-listing-card:hover{transform:translateY(-4px);border-color:#9ccfd9;box-shadow:0 15px 30px #0a4f921b}.document-listing-card-top{display:flex;align-items:flex-start;justify-content:space-between}.document-file-icon{position:relative;display:grid;place-items:center;width:60px;height:66px;border-radius:12px;background:#e6f2fa;color:#08769e;font-size:38px;line-height:1}.document-file-icon small{position:absolute;right:-7px;bottom:5px;padding:4px 5px;border-radius:4px;background:#08769e;color:#fff;font-size:9px;font-weight:800;letter-spacing:.4px}.document-file-icon.is-pdf{background:#fff0ee;color:#d7564c}.document-file-icon.is-pdf small{background:#d7564c}.document-file-icon.is-word{background:#eaf1ff;color:#2667b7}.document-file-icon.is-word small{background:#2667b7}.document-file-icon.is-sheet{background:#e6f6ed;color:#218353}.document-file-icon.is-sheet small{background:#218353}.document-listing-number{color:#afbed1;font-size:12px;font-weight:800;letter-spacing:1px}.document-listing-card-body{flex:1;margin-top:22px}.document-listing-card time{color:#71869b;font-size:11px;font-weight:700}.document-listing-card h3{margin:8px 0 0;color:#10365e;font-size:18px;line-height:1.38;overflow-wrap:anywhere}.document-listing-card h3 a:hover{color:#08769e}.document-listing-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:10px 0 18px;color:#647993;font-size:12px;line-height:1.65}.document-listing-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid #e9f0f4}.document-detail-link{display:inline-flex;align-items:center;gap:7px;color:#08769e;font-size:12px;font-weight:800}.document-detail-link:hover{color:#064e72}.document-download-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 11px;border-radius:7px;background:#e8f5f6;color:#08738e;font-size:11px;font-weight:800;white-space:nowrap}.document-download-link:hover{background:#087b9e;color:#fff}.document-listing-empty{grid-column:1/-1;padding:45px 20px;border:1px dashed #c6dbe7;border-radius:14px;background:#fff;color:#617994;text-align:center}
@media(max-width:900px){.document-listing-hero{padding:32px}.document-listing-hero-art{width:140px;height:140px;margin-right:3%}.document-listing-hero-art>span:first-child{font-size:80px}.document-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.document-listing-hero{min-height:0;padding:28px 24px;border-radius:16px}.document-breadcrumb{margin-bottom:22px}.document-listing-hero p{font-size:13px}.document-listing-hero-art{display:none}.document-listing-heading{align-items:flex-start;margin:28px 0 18px}.document-listing-heading h2{font-size:22px}.document-listing-count{font-size:11px;white-space:nowrap}.document-listing-grid{grid-template-columns:1fr;gap:13px}.document-listing-card{min-height:255px;padding:20px}}
@media(max-width:390px){.document-listing-heading{flex-direction:column}}

/* Pratinjau PDF pada detail dokumen */
.document-pdf-preview{margin:28px 0 22px;overflow:hidden;border:1px solid #d9e7f3;border-radius:13px;background:#f7fbff}.document-pdf-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#eaf4fc}.document-pdf-preview-heading span{color:#487599;font-size:10px;font-weight:800;letter-spacing:1.3px}.document-pdf-preview-heading h2{margin:4px 0 0;color:#0a3d73;font-size:19px}.document-pdf-preview-heading a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:7px;background:#0873d9;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.document-pdf-preview-heading a:hover{background:#075cac}.document-pdf-preview-heading a:focus-visible{outline:2px solid #075cac;outline-offset:3px}.document-pdf-preview iframe{display:block;width:100%;height:min(75vh,780px);min-height:480px;border:0;background:#e6edf5}.document-pdf-preview>p{margin:0;padding:11px 20px;color:#617993;font-size:12px}
@media(max-width:600px){.document-pdf-preview-heading{padding:14px}.document-pdf-preview-heading h2{font-size:17px}.document-pdf-preview-heading a{padding:9px;font-size:11px}.document-pdf-preview iframe{height:65vh;min-height:400px}.document-pdf-preview>p{padding:10px 14px}}

/* Halaman agenda kegiatan */
.agenda-listing{padding-bottom:18px}.agenda-listing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:310px;overflow:hidden;padding:40px 48px;border-radius:22px;background:radial-gradient(circle at 88% 12%,#6c72d8 0,transparent 30%),linear-gradient(115deg,#18265f,#3547a4 65%,#5664cb);color:#fff;box-shadow:0 18px 42px #202e762c}.agenda-listing-hero:before,.agenda-listing-hero:after{content:'';position:absolute;border:1px solid #ffffff2b;border-radius:50%;pointer-events:none}.agenda-listing-hero:before{width:440px;height:440px;right:-100px;top:-190px}.agenda-listing-hero:after{width:290px;height:290px;right:130px;bottom:-230px}.agenda-listing-hero-copy{position:relative;z-index:1;max-width:650px}.agenda-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:27px;color:#d6dcff;font-size:12px}.agenda-breadcrumb a:hover{text-decoration:underline}.agenda-listing-kicker{display:inline-block;padding:8px 11px;border:1px solid #ffffff60;border-radius:20px;background:#ffffff17;color:#f0f1ff;font-size:10px;font-weight:800;letter-spacing:1.5px}.agenda-listing-hero h1{margin:15px 0 10px;color:#fff;font-size:clamp(34px,4.5vw,50px);line-height:1.1;letter-spacing:-1.3px}.agenda-listing-hero p{max-width:570px;margin:0;color:#e2e6ff;font-size:15px;line-height:1.7}.agenda-listing-hero-link{display:inline-flex;align-items:center;gap:16px;margin-top:23px;padding:12px 16px;border-radius:9px;background:#fff;color:#303f91;font-size:13px;font-weight:800;box-shadow:0 8px 18px #111c5638;transition:transform .2s}.agenda-listing-hero-link:hover{transform:translateY(-2px)}.agenda-listing-hero-art{position:relative;z-index:1;display:grid;place-items:center;width:180px;height:180px;flex:none;margin:12px 8% 0 22px;border:1px solid #ffffff66;border-radius:36px;background:#ffffff20;box-shadow:0 15px 34px #111c5638;transform:rotate(7deg)}.agenda-listing-hero-art svg{width:94px;height:94px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg)}.agenda-listing-hero-art span{position:absolute;right:-25px;bottom:-15px;padding:9px 12px;border:3px solid #414fa2;border-radius:8px;background:#fff;color:#37479c;font-size:10px;font-weight:900;letter-spacing:1.3px;transform:rotate(-7deg)}.agenda-listing-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:40px 0 21px;scroll-margin-top:20px}.agenda-listing-heading>div>span{color:#4656b0;font-size:10px;font-weight:800;letter-spacing:1.6px}.agenda-listing-heading h2{margin:7px 0 5px;color:#172d63;font-size:27px;letter-spacing:-.5px}.agenda-listing-heading p{margin:0;color:#657b96;font-size:13px}.agenda-listing-count{flex:none;padding:9px 13px;border:1px solid #d9def4;border-radius:30px;background:#fff;color:#414fa2;font-size:12px;font-weight:800}.agenda-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:25px}.agenda-listing-card{display:flex;align-items:flex-start;gap:18px;min-width:0;min-height:175px;padding:22px;border:1px solid #e0e4f1;border-radius:16px;background:linear-gradient(135deg,#fff,#fbfbff);box-shadow:0 6px 21px #202e760b;transition:transform .2s,box-shadow .2s,border-color .2s}.agenda-listing-card:hover{transform:translateY(-3px);border-color:#aeb8e6;box-shadow:0 13px 28px #202e7619}.agenda-listing-card:focus-visible{outline:3px solid #5664cb;outline-offset:3px}.agenda-listing-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:78px;flex:none;border:1px solid #dce1f7;border-radius:13px;background:#f0f2ff;color:#35469a;text-align:center}.agenda-listing-date strong{font-size:29px;line-height:1}.agenda-listing-date span{margin-top:5px;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.3px}.agenda-listing-content{min-width:0;flex:1}.agenda-listing-meta{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#7884ab;font-size:9px;font-weight:800;letter-spacing:.9px}.agenda-listing-meta em{padding:4px 7px;border-radius:20px;background:#e8f7ef;color:#168152;font-size:9px;font-style:normal;letter-spacing:0}.agenda-listing-card h3{margin:0;color:#172d63;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.agenda-listing-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:8px 0 10px;color:#65748e;font-size:12px;line-height:1.6}.agenda-listing-link{display:inline-flex;align-items:center;gap:8px;color:#4656b0;font-size:11px;font-weight:800}.agenda-listing-link b{font-size:16px;transition:transform .2s}.agenda-listing-card:hover .agenda-listing-link b{transform:translateX(3px)}.agenda-listing-empty{grid-column:1/-1;padding:46px 20px;border:1px dashed #cbd1e8;border-radius:15px;background:#fff;color:#667493;text-align:center}.agenda-listing-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:#f0f2ff;color:#4656b0;font-size:27px}.agenda-listing-empty h3{margin:0;color:#23366c;font-size:18px}.agenda-listing-empty p{margin:7px 0 0;font-size:13px}
@media(max-width:850px){.agenda-listing-hero{padding:32px}.agenda-listing-hero-art{width:145px;height:145px;margin-right:3%}.agenda-listing-hero-art svg{width:78px;height:78px}.agenda-listing-grid{grid-template-columns:1fr}}
@media(max-width:650px){.agenda-listing-hero{min-height:0;padding:28px 24px;border-radius:16px}.agenda-breadcrumb{margin-bottom:22px}.agenda-listing-hero p{font-size:13px}.agenda-listing-hero-art{display:none}.agenda-listing-heading{align-items:flex-start;margin:28px 0 18px}.agenda-listing-heading h2{font-size:22px}.agenda-listing-count{font-size:11px;white-space:nowrap}.agenda-listing-card{gap:13px;padding:17px}.agenda-listing-date{width:58px;height:64px}.agenda-listing-date strong{font-size:23px}.agenda-listing-card h3{font-size:15px}.agenda-listing-meta{flex-wrap:wrap;font-size:8px}}
@media(max-width:390px){.agenda-listing-heading{flex-direction:column}}

/* Peta situs */
.sitemap-page{background:linear-gradient(180deg,#eef7ff,#f8fbff 280px)}.sitemap-hero{position:relative;overflow:hidden;margin-bottom:25px;padding:35px 40px;border-radius:20px;background:linear-gradient(120deg,#063675,#0876cf);color:#fff;box-shadow:0 15px 35px #06498b24}.sitemap-hero:after{content:'⌘';position:absolute;right:45px;top:5px;color:#ffffff18;font-size:145px;font-weight:900}.sitemap-hero nav{display:flex;gap:9px;margin-bottom:22px;color:#cce7ff;font-size:11px}.sitemap-hero nav a:hover{text-decoration:underline}.sitemap-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px}.sitemap-hero h1{margin:8px 0 7px;font-size:40px;line-height:1.1}.sitemap-hero p{position:relative;z-index:1;max-width:620px;margin:0;color:#e2f1ff;line-height:1.6}.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sitemap-card{overflow:hidden;border:1px solid #dce9f5;border-radius:14px;background:#fff;box-shadow:0 5px 20px #07508d0b}.sitemap-card-head{display:flex;align-items:center;gap:11px;padding:17px 19px;border-bottom:1px solid #e7eef6;background:#f7fbff}.sitemap-card-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e4f2ff;color:#0873d9;font-size:18px;font-weight:900}.sitemap-card h2{margin:0;color:#103764;font-size:15px}.sitemap-card ul{margin:0;padding:8px 18px 13px;list-style:none}.sitemap-card li{border-bottom:1px solid #edf2f7}.sitemap-card li:last-child{border:0}.sitemap-card li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;color:#4e6682;font-size:12px;line-height:1.4}.sitemap-card li a span{color:#0873d9;font-size:16px}.sitemap-card li a:hover{color:#0873d9}.sitemap-card li a:focus-visible{outline:2px solid #0873d9;outline-offset:2px}.sitemap-card .sitemap-all a{color:#075db2;font-weight:800}.sitemap-main{grid-column:span 2}.sitemap-main ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}
@media(max-width:900px){.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sitemap-hero{padding:27px 23px}.sitemap-hero h1{font-size:32px}.sitemap-hero:after{right:5px;font-size:110px}.sitemap-grid{grid-template-columns:1fr}.sitemap-main{grid-column:auto}.sitemap-main ul{grid-template-columns:1fr}}
/* Formulir registrasi mutasi */
.mutation-hero{background:radial-gradient(circle at 88% 15%,#168d91 0,transparent 30%),linear-gradient(115deg,#063c58,#08747c 68%,#09949a)}.mutation-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:30px}.mutation-type{position:relative;display:flex;align-items:center;gap:12px;min-height:75px;padding:14px;border:1px solid #dbe7ef;border-radius:11px;background:#fbfdff;cursor:pointer}.mutation-type input{position:absolute;opacity:0}.mutation-type>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:#e8f5f5;color:#08747c;font-size:23px}.mutation-type strong{color:#294961;font-size:12px;line-height:1.35}.mutation-type b{display:none;margin-left:auto;color:#08747c}.mutation-type.is-active{border-color:#14949a;background:#effafa;box-shadow:0 0 0 2px #14949a18}.mutation-type.is-active b{display:block}.mutation-documents{display:grid;gap:10px;margin-bottom:25px}.mutation-document-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(180px,240px);align-items:center;gap:12px;padding:12px;border:1px solid #dce7ef;border-radius:10px;background:#fbfdff}.mutation-doc-number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e9f4f7;color:#08747c;font-size:11px;font-weight:800}.mutation-doc-label strong,.mutation-doc-label small{display:block}.mutation-doc-label strong{color:#29465e;font-size:12px;line-height:1.4}.mutation-doc-label small{margin-top:4px;color:#7a8da0;font-size:10px}.mutation-document-row input[type=file]{min-width:0;padding:7px;border:1px dashed #b9ccda;border-radius:7px;background:#fff;font-size:10px}.request-attachments{margin:20px 0;padding:16px;border:1px solid #dbe7f2;border-radius:10px;background:#f8fbff}.request-attachments h3{margin:0 0 10px;color:#163d66;font-size:15px}.request-attachments>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #e3ebf3}.request-attachments span strong,.request-attachments span small{display:block}.request-attachments span small{margin-top:4px;color:#718399;font-size:11px}
@media(max-width:700px){.mutation-type-grid{grid-template-columns:1fr}.mutation-document-row{grid-template-columns:30px minmax(0,1fr)}.mutation-document-row input[type=file]{grid-column:1/-1;width:100%}}
.pmk-hero{background:radial-gradient(circle at 88% 15%,#245995 0,transparent 30%),linear-gradient(115deg,#071b3c,#0a315f 68%,#124b85)}.pmk-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;padding:10px 13px;border-radius:8px;background:#edf4fb;color:#1f4773;font-size:10px;font-weight:700}.pmk-progress strong{padding:5px 8px;border-radius:16px;background:#dceafb;color:#092f60;font-size:9px}.pmk-page .promotion-section-title>span,.pmk-page .promotion-flow span{background:#0a386f}.pmk-page .promotion-submit-row button{background:#0a386f}.pmk-page .promotion-submit-row button:hover{background:#062952}.pmk-page .promotion-type.is-active{border-color:#174f8e;background:#edf4fb;box-shadow:0 0 0 2px #174f8e17}.pmk-page .promotion-type.is-active>b,.pmk-page .promotion-type-icon{color:#0a386f}.pmk-page .promotion-type-icon{background:#e2edfa}
.pmk-about{border-color:#d2e0f0;background:linear-gradient(145deg,#fff,#f3f7fc)}.pmk-about>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#dfeafa;color:#0a386f;font-size:15px;font-weight:900}.pmk-about p{margin:0;color:#64768c;font-size:10px;line-height:1.75;text-align:justify}.pmk-about p strong{color:#0a386f}

/* Penentuan Jabatan Pelaksana */
.position-hero{background:radial-gradient(circle at 88% 15%,#6a4dc5 0,transparent 30%),linear-gradient(115deg,#1f174e,#39267e 68%,#5741aa)}.position-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.position-info-grid article{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid #dde4f1;border-radius:13px;background:#fff;box-shadow:0 6px 20px #1d246a0c}.position-info-grid article>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;background:#eeeafd;color:#50399e;font-size:18px;font-weight:800}.position-info-grid h2{margin:1px 0 8px;color:#282059;font-size:15px}.position-info-grid p,.position-info-grid ul{margin:0;color:#68748b;font-size:10px;line-height:1.7}.position-info-grid ul{padding-left:16px}.position-prerequisites{margin:20px 0 26px;padding:25px;border:1px solid #dce4f0;border-radius:16px;background:#fff;box-shadow:0 8px 25px #1d246a0d}.position-prerequisite-head>span{color:#5942a8;font-size:9px;font-weight:900;letter-spacing:1.5px}.position-prerequisite-head h2{margin:6px 0 4px;color:#211b50;font-size:23px}.position-prerequisite-head p{margin:0;color:#7b879c;font-size:11px}.position-prerequisite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:19px}.position-prerequisite-grid>article{padding:18px;border:1px solid #e0e5ef;border-radius:12px;background:#fafbfe}.position-prerequisite-title{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #e5e9f1}.position-prerequisite-title>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:#e9e4fb;color:#50399e;font-size:12px;font-weight:900}.position-prerequisite-title h3{margin:0;color:#2b245e;font-size:13px}.position-prerequisite-title small{display:block;margin-top:4px;color:#7b879b;font-size:9px}.position-prerequisite-grid ol{margin:13px 0 0;padding-left:20px;color:#5f6d83;font-size:10px;line-height:1.8}.position-prerequisite-grid em{color:#8b6720}.position-requirement-group{margin-top:12px;padding:12px;border-radius:8px;background:#f0edfb}.position-requirement-group+ .position-requirement-group{background:#f1f4f8}.position-requirement-group strong{color:#3a2c79;font-size:10px}.position-requirement-group ol{margin-top:7px}.position-page .promotion-section-title>span,.position-page .promotion-flow span{background:#50399e}.position-page .promotion-type.is-active{border-color:#6650b3;background:#f1eefc;box-shadow:0 0 0 2px #6650b317}.position-page .promotion-type-icon,.position-page .promotion-type.is-active>b{color:#50399e}.position-page .promotion-type-icon{background:#ece8fb}.position-page .promotion-submit-row button{background:#50399e}.position-page .promotion-submit-row button:hover{background:#3b287d}
@media(max-width:750px){.position-info-grid,.position-prerequisite-grid{grid-template-columns:1fr}.position-prerequisites{padding:19px 15px}.position-prerequisite-head h2{font-size:19px}}

/* Kalkulator Proyeksi KGB */
.kgb-page{padding:28px 0 58px;background:linear-gradient(180deg,#eef3f9,#f8fafc 480px)}.kgb-hero{background:radial-gradient(circle at 88% 12%,#28568c 0,transparent 31%),linear-gradient(115deg,#061a35,#092f5d 66%,#154a7d)}.kgb-hero .promotion-hero-copy>a{color:#092f5d}.kgb-notice{display:flex;align-items:flex-start;gap:12px;margin:19px 0;padding:14px 17px;border:1px solid #cddbeb;border-radius:11px;background:#f8fbff;color:#526b87}.kgb-notice>span{color:#0a396d;font-size:19px}.kgb-notice p{margin:0;font-size:11px;line-height:1.65}.kgb-notice strong{color:#0a315f}.kgb-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px;align-items:start;scroll-margin-top:20px}.kgb-card,.kgb-side article,.kgb-result{border:1px solid #dae4ef;border-radius:15px;background:#fff;box-shadow:0 8px 27px #071c3810}.kgb-card{padding:28px}.kgb-heading{display:flex;align-items:center;gap:12px;margin-bottom:21px}.kgb-heading>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e3edf8;color:#092f5d;font-size:11px;font-weight:900}.kgb-heading h2{margin:0;color:#092a52;font-size:20px}.kgb-heading p{margin:4px 0 0;color:#74879b;font-size:10px}.kgb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.kgb-fields label{color:#304b69;font-size:11px;font-weight:750}.kgb-fields em{color:#d74755;font-style:normal}.kgb-fields label>small{font-weight:400;color:#8291a2}.kgb-fields input,.kgb-fields select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cdd9e6;border-radius:8px;background:#fbfcfe;color:#142f50;font:inherit;outline:none}.kgb-fields input:focus,.kgb-fields select:focus{border-color:#315f91;box-shadow:0 0 0 3px #164a8018}.kgb-fields label>input+small{display:block;margin-top:5px;font-size:9px}.kgb-fields .span-2{grid-column:1/-1}.kgb-error{margin-top:17px;padding:11px 13px;border:1px solid #e8bac0;border-radius:8px;background:#fff2f3;color:#a42b3d;font-size:11px}.kgb-submit{display:flex;align-items:center;justify-content:center;gap:22px;min-width:190px;margin:23px 0 0 auto;padding:13px 18px;border:0;border-radius:8px;background:#092f5d;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.kgb-submit:hover{background:#061f40}.kgb-side{display:grid;gap:13px}.kgb-side article{display:flex;gap:13px;padding:18px}.kgb-side article>span{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:11px;background:#e6eef8;color:#0a396d;font-size:17px;font-weight:900}.kgb-side h2{margin:1px 0 6px;color:#17385e;font-size:13px}.kgb-side p{margin:0;color:#75869a;font-size:9px;line-height:1.55}.kgb-result{margin-top:22px;padding:28px;scroll-margin-top:20px}.kgb-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e1e8f0}.kgb-result-head>div>span{color:#315f91;font-size:9px;font-weight:900;letter-spacing:1.6px}.kgb-result-head h2{margin:6px 0;color:#092a52;font-size:23px}.kgb-result-head p{margin:0;color:#6b7f95;font-size:11px}.kgb-result-head button{padding:10px 14px;border:1px solid #b9cada;border-radius:8px;background:#fff;color:#092f5d;font-size:11px;font-weight:800;cursor:pointer}.kgb-result-head button:hover{background:#edf3f9}.kgb-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.kgb-summary article{padding:17px;border-radius:11px;background:#f0f5fa}.kgb-summary small,.kgb-summary strong{display:block}.kgb-summary small{margin-bottom:7px;color:#687e94;font-size:9px;font-weight:800;text-transform:uppercase}.kgb-summary strong{color:#092f5d;font-size:15px}.kgb-salary-check{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:13px 15px;border-radius:9px;font-size:10px}.kgb-salary-check strong{white-space:nowrap}.kgb-salary-check.is-match{background:#edf8f2;color:#17633c}.kgb-salary-check.is-different{background:#fff7e7;color:#805b17}.kgb-table-wrap{overflow-x:auto;border:1px solid #dce5ee;border-radius:11px}.kgb-table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.kgb-table-wrap th{padding:12px;background:#092f5d;color:#fff;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.5px}.kgb-table-wrap td{padding:13px 12px;border-bottom:1px solid #e5ebf1;color:#405a76;font-size:10px}.kgb-table-wrap tr:last-child td{border:0}.kgb-table-wrap td strong{color:#0a396d}.kgb-table-wrap tr.is-retired{background:#f6f7f8;opacity:.7}.kgb-timeline{display:grid;grid-template-columns:repeat(5,1fr);margin:25px 0}.kgb-timeline>div{position:relative;padding:0 7px;text-align:center}.kgb-timeline>div:before{content:'';position:absolute;left:-50%;right:50%;top:14px;height:2px;background:#cad8e6}.kgb-timeline>div:first-child:before{display:none}.kgb-timeline span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;margin:0 auto 8px;border:4px solid #e2ebf4;border-radius:50%;background:#092f5d;color:#fff;font-size:9px;font-weight:800}.kgb-timeline strong,.kgb-timeline small{display:block}.kgb-timeline strong{color:#254665;font-size:9px}.kgb-timeline small{margin-top:4px;color:#78899a;font-size:8px;line-height:1.45}.kgb-timeline .is-retired span{background:#8a98a7}.kgb-disclaimer{padding:17px;border-left:4px solid #315f91;border-radius:7px;background:#f3f6fa}.kgb-disclaimer strong{color:#173b62;font-size:11px}.kgb-disclaimer p{margin:6px 0 0;color:#687b90;font-size:9px;line-height:1.7}
@media(max-width:850px){.kgb-layout{grid-template-columns:1fr}.kgb-side{grid-template-columns:repeat(3,1fr)}.kgb-side article{display:block}.kgb-side article>span{margin-bottom:10px}}
@media(max-width:650px){.kgb-page{padding-top:16px}.kgb-card,.kgb-result{padding:19px 15px}.kgb-fields{grid-template-columns:1fr}.kgb-fields .span-2{grid-column:auto}.kgb-side{grid-template-columns:1fr}.kgb-side article{display:flex}.kgb-result-head{align-items:flex-start;flex-direction:column}.kgb-summary{grid-template-columns:1fr}.kgb-salary-check{align-items:flex-start;flex-direction:column}.kgb-timeline{grid-template-columns:1fr;gap:10px}.kgb-timeline>div{display:grid;grid-template-columns:36px 1fr;text-align:left}.kgb-timeline>div:before{left:21px;right:auto;top:-12px;width:2px;height:22px}.kgb-timeline span{grid-row:1/3;margin:0}.kgb-timeline strong,.kgb-timeline small{align-self:center}.kgb-submit{width:100%}}
@media print{header.site-header,footer,.kgb-hero,.kgb-notice,.kgb-layout,.kgb-result-head button{display:none!important}.kgb-page{padding:0;background:#fff}.kgb-result{display:block!important;margin:0;padding:0;border:0;box-shadow:none}.kgb-table-wrap{overflow:visible}.kgb-disclaimer{break-inside:avoid}}

/* Informasi Kenaikan Pangkat */
.promotion-public-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.promotion-public-info article{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #dce6f1;border-radius:13px;background:#fff;box-shadow:0 6px 22px #083d760d}.promotion-public-info article>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;font-size:20px}.promotion-public-info small,.promotion-requirements-head>span{color:#6f84a0;font-size:9px;font-weight:900;letter-spacing:1.3px}.promotion-public-info h2{margin:5px 0 6px;color:#173c69;font-size:17px}.promotion-public-info p{margin:0;color:#647a94;font-size:11px;line-height:1.6}.promotion-deadline-card{border-left:4px solid #cf4051!important}.promotion-deadline-card>span{background:#fff0f2;color:#c43849}.promotion-deadline-card p strong{color:#a82939}.promotion-deadline-card b{display:inline-block;margin-top:9px;padding:6px 9px;border-radius:20px;background:#fff0f2;color:#bd3042;font-size:9px}.promotion-deadline-card b.is-ended{background:#f1f2f4;color:#6e7886}.promotion-important-card{border-left:4px solid #17805a!important}.promotion-important-card>span{background:#e9f7f1;color:#177150}.promotion-important-card ul{margin:7px 0 0;padding-left:17px;color:#647a75;font-size:10px;line-height:1.7}.promotion-requirements{margin:20px 0 24px;padding:25px;border:1px solid #dce6f1;border-radius:15px;background:#fff;box-shadow:0 7px 25px #083d760d}.promotion-requirements-head h2{margin:6px 0 5px;color:#153b68;font-size:22px}.promotion-requirements-head p{margin:0;color:#73869c;font-size:10px}.promotion-requirements-list{display:grid;gap:9px;margin-top:18px}.promotion-requirements-list details{overflow:hidden;border:1px solid #dce6f1;border-radius:10px;background:#fbfdff}.promotion-requirements-list summary{display:flex;align-items:center;gap:11px;padding:14px 16px;cursor:pointer;list-style:none}.promotion-requirements-list summary::-webkit-details-marker{display:none}.promotion-requirements-list summary>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#e7f1fc;color:#0a4d91;font-size:10px;font-weight:900}.promotion-requirements-list summary strong{flex:1;color:#24486f;font-size:12px}.promotion-requirements-list summary>b{color:#3974ae;font-size:17px;transition:transform .2s}.promotion-requirements-list details[open] summary{border-bottom:1px solid #dfe8f1;background:#f1f6fc}.promotion-requirements-list details[open] summary>b{transform:rotate(45deg)}.promotion-requirements-list details>div{padding:14px 19px}.promotion-requirements-list ol{margin:0;padding-left:20px;color:#5d7188;font-size:10px;line-height:1.75}.promotion-requirements-list details p{margin:12px 0 0;padding:10px 12px;border-radius:7px;background:#fff6df;color:#755a21;font-size:9px;line-height:1.6}
@media(max-width:700px){.promotion-public-info{grid-template-columns:1fr}.promotion-public-info article{padding:17px}.promotion-requirements{padding:19px 14px}.promotion-requirements-head h2{font-size:18px}.promotion-requirements-list summary{padding:12px}.promotion-requirements-list summary strong{font-size:11px}}
/* Layanan online WhatsApp */
.wa-widget{position:fixed;right:24px;bottom:24px;z-index:1200;font-family:inherit}.wa-fab{align-items:center;background:#16a66a;border:0;border-radius:999px;box-shadow:0 14px 35px #0b6b4380;color:#fff;cursor:pointer;display:flex;font:700 13px inherit;gap:9px;padding:13px 18px;transition:.2s}.wa-fab:hover{background:#0e8e58;transform:translateY(-2px)}.wa-fab-icon{align-items:center;background:#fff;border-radius:50%;color:#16a66a;display:grid;font-size:16px;height:25px;width:25px}.wa-panel{background:#fff;border:1px solid #dce8e2;border-radius:18px;bottom:64px;box-shadow:0 22px 60px #093d2640;overflow:hidden;position:absolute;right:0;width:min(360px,calc(100vw - 32px))}.wa-panel-head{align-items:center;background:linear-gradient(135deg,#11784d,#17a96b);color:#fff;display:flex;justify-content:space-between;padding:18px 19px}.wa-panel-head strong,.wa-panel-head span{display:block}.wa-panel-head strong{font-size:16px}.wa-panel-head span{font-size:11px;margin-top:4px;opacity:.8}.wa-panel-head button{background:#ffffff24;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:23px;height:30px;line-height:1;width:30px}.wa-service-list{max-height:330px;overflow:auto;padding:8px}.wa-service-item{align-items:center;border-radius:12px;color:#163b2b;display:flex;gap:11px;padding:12px;text-decoration:none;transition:.15s}.wa-service-item:hover{background:#edf9f3}.wa-service-icon{align-items:center;background:#d9f5e7;border-radius:10px;color:#11965b;display:grid;flex:none;font-size:16px;height:36px;place-items:center;width:36px}.wa-service-item span:nth-child(2){flex:1}.wa-service-item strong,.wa-service-item small{display:block}.wa-service-item strong{font-size:13px}.wa-service-item small{color:#789187;font-size:10px;margin-top:3px}.wa-service-item b{color:#13a064;font-size:22px;font-weight:400}.wa-widget.is-open .wa-fab{box-shadow:0 10px 26px #0b6b434d}@media(max-width:600px){.wa-widget{bottom:16px;right:16px}.wa-fab-label{display:none}.wa-fab{padding:12px}.wa-fab-icon{height:30px;width:30px}.wa-panel{bottom:59px}}