: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 button,.login-btn{background:linear-gradient(135deg,#118c75,#087267);color:#fff;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.head-actions button:hover,.login-btn:hover{background:linear-gradient(135deg,#087b68,#065f59);box-shadow:0 6px 15px #08726738}.login-btn:hover{transform:translateY(-1px)}.head-actions button:focus-visible,.login-btn:focus-visible{outline:3px solid #72c7ad;outline-offset:3px}
.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}}

.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{cursor:not-allowed;opacity:.72;filter:saturate(.65)}.service-card-disabled:hover{transform:none;box-shadow:none}

/* 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}}

/* Disdukcapil Kabupaten Banjar visual identity */
:root{--navy:#123b46;--blue:#087c78;--light:#e8f6f3}
body{color:#173a42;background:#fff;font-family:Inter,Arial,sans-serif}
.masthead{height:112px;background:linear-gradient(110deg,#e6f6f1 0%,#fff 52%,#c3e8df 100%)}
.masthead:after{content:'◌　◌　◌';color:#087c7818;right:17%;top:-7px}
.brand{gap:14px;color:#123b46}.brand strong{font-size:29px;letter-spacing:-1.1px;color:#075b57}.brand b{margin-top:3px;font-size:14px;letter-spacing:1.1px;color:#1d6970}.brand small{margin-top:5px;color:#5f7b7f;font-size:8px;line-height:1.25;letter-spacing:.4px}
.crest{filter:drop-shadow(0 4px 7px #075b5720)}
.navbar{background:linear-gradient(100deg,#103b43,#075d5a 66%,#087e76);border-bottom:3px solid #e6b957;box-shadow:0 5px 18px #103b431c}.nav-inner>a:hover,.nav-inner>a.active,.nav-trigger:hover,.nav-dropdown.is-open .nav-trigger,.nav-trigger:focus-visible{background:#ffffff18}.nav-submenu{border-color:#d1e8e2}.nav-submenu a:hover{background:#e9f7f3;color:#08756d}
.hero:not(.banner-slider){background-image:linear-gradient(90deg,#073d38ed 0%,#08776dc2 48%,#08776d20 100%),url('/portal/hero.png');background-position:center;background-size:cover}.hero-overlay{background:linear-gradient(90deg,#063f3ad1,transparent 83%)}.hero{height:390px}.hero-content{padding:45px 25px}.welcome{display:inline-block;background:#ffffff1b;border:1px solid #ffffff50;color:#edfffa;padding:8px 13px;border-radius:30px;font-size:11px;letter-spacing:1.7px}.hero h1{font-size:clamp(48px,6vw,68px);letter-spacing:-2.5px}.hero h2{font-size:clamp(24px,3.4vw,34px);letter-spacing:.5px}.hero p{max-width:570px;color:#e1f6ef;font-size:16px;line-height:1.65}.hero-bottom{gap:25px}.hero-bottom span{font-size:23px;color:#ddf5ec}.hero-bottom small{margin-top:5px;color:#d8eee9;font-size:10px}.yellow-btn{background:linear-gradient(135deg,#f8d67c,#f0b840);border-radius:9px;color:#173c3f;padding:13px 17px;box-shadow:0 8px 22px #002d3338}.banner-slide{background-position:center;background-size:cover}.banner-arrow{border:1px solid #ffffff50;background:#ffffff20;backdrop-filter:blur(8px)}
.section{padding-top:35px;padding-bottom:35px}.section-head{align-items:end;margin-bottom:18px}.section-head h2{gap:10px;color:#123b46;font-size:21px}.section-eyebrow{display:block;margin-bottom:6px;color:#138077;font-size:10px;font-weight:800;letter-spacing:1.5px}.heading-icon{background:#087c78;border-radius:8px;box-shadow:0 5px 12px #087c782a}.section-head>a{color:#08756d;font-weight:700}.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.service-card{height:136px;padding:16px 10px;border:1px solid #e0eeeb;border-radius:14px;background:linear-gradient(145deg,#fff,#f7fcfa);box-shadow:0 5px 18px #12494c0a}.service-card:hover{transform:translateY(-4px);border-color:#a4d5ca;box-shadow:0 14px 25px #12494c18}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;border-radius:14px;background:#e8f6f2;font-size:25px}.service-card strong{font-size:12px;color:#143c43}.service-card small{color:#63827e;font-size:10px}
.home-tracking{padding:23px 0;background:#eaf6f3;border-block:1px solid #dceee9}.home-tracking-inner{gap:24px}.home-tracking-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#d0ebe3;color:#087c78;font-size:27px}.home-tracking-copy h2{color:#123b46}.home-tracking-copy p{color:#587578}.home-tracking-form input{border:1px solid #cfe3de;border-radius:8px}.home-tracking-form button{border-radius:8px;background:#087c78}.info-band{padding:32px 0;background:linear-gradient(120deg,#eff8f5,#fff 55%,#edf7f4)}.panel-body,.news-card{border:1px solid #e5efec;border-radius:13px;box-shadow:0 5px 20px #12494c0b}.panel-body{padding:8px 14px}.announcement{min-height:64px;border-color:#e9f0ed;color:#254c51}.date{background:#e5f4ef;color:#0d6e69;border-radius:10px}.announcement em{background:#0d8376;border-radius:20px}.news-card:hover{transform:translateY(-3px)}
.civil-services-band{padding:43px 0;background:linear-gradient(115deg,#103b43,#075d5a 67%,#087d75);color:#fff}.civil-services-heading{max-width:620px;margin-bottom:22px}.civil-services-heading .section-eyebrow{color:#9ee1d2}.civil-services-heading h2{margin:0 0 7px;color:#fff;font-size:26px}.civil-services-heading p{margin:0;color:#d2e9e5;font-size:13px;line-height:1.6}.civil-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.civil-document-grid a{display:flex;flex-direction:column;min-height:150px;padding:18px;border:1px solid #ffffff35;border-radius:15px;background:#ffffff12;color:#fff;transition:transform .18s,background .18s,border-color .18s}.civil-document-grid a:hover{transform:translateY(-4px);background:#ffffff20;border-color:#ffffff72}.civil-document-grid a>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:auto;border-radius:12px;background:#ffffff20;font-size:23px}.civil-document-grid strong{margin-top:15px;font-size:14px}.civil-document-grid small{margin-top:5px;color:#d1e7e3;font-size:11px;line-height:1.45}
.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-card{height:auto;min-height:120px;padding:15px;border-color:#e0eeeb;border-radius:13px;background:#fff;box-shadow:0 5px 18px #12494c0a}.app-card span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:7px;border-radius:13px;background:#e8f6f2;color:#087c78;font-size:24px}.app-card strong{font-size:12px;color:#173d45}.app-card small{color:#69827f;font-size:10px;line-height:1.4}.quick-links{gap:8px}.quick-links a{border:1px solid #e0eeeb;border-radius:9px;background:#f3faf7;color:#23575a;font-weight:600}.quick-links a:hover{background:#e1f3ed;color:#08766e}
footer{background:linear-gradient(120deg,#103b43,#062f36);padding-top:30px}.foot-grid h4{color:#c2e5dd}.foot-grid p{color:#d2e6e2}.foot-grid a:hover{color:#9fe4d6}.foot-bottom{border-color:#ffffff30;color:#d4e5e1}footer .crest{filter:drop-shadow(0 4px 8px #001f2440)}
.inner-page{background:#f2f8f6}.inner-card{border:1px solid #e2efeb;border-radius:16px;box-shadow:0 8px 28px #12494c0c}.search-btn{background:#087c78;border-radius:8px}
.profile-detail-page{position:relative;overflow:hidden;padding:44px 0 64px;background:radial-gradient(ellipse at 8% 0,#dcefe9 0,transparent 38%),linear-gradient(180deg,#f2f8f6,#f8fbfa 60%,#edf6f3)}.profile-detail-card{position:relative;overflow:hidden;padding:0;border:1px solid #deebe7;border-radius:22px;background:#fff;box-shadow:0 18px 55px #153f3b12}.profile-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:19px 38px;border-bottom:1px solid #eaf1ee;color:#829895;font-size:12px}.profile-breadcrumb a{color:#08766f;font-weight:700}.profile-breadcrumb a:hover{text-decoration:underline}.profile-detail-header{position:relative;padding:43px 48px 35px;background:linear-gradient(115deg,#103b43,#08756d 68%,#10978a);color:#fff}.profile-detail-header:after{position:absolute;right:7%;top:-78px;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 28px #ffffff0a,0 0 0 58px #ffffff08;content:"";pointer-events:none}.profile-detail-kicker{display:inline-flex;align-items:center;gap:8px;color:#c8f0e5;font-size:10px;font-weight:800;letter-spacing:1.7px}.profile-detail-kicker:before{width:24px;height:2px;background:#a2e1d1;content:""}.profile-detail-header h1{position:relative;z-index:1;max-width:850px;margin:13px 0 0;color:#fff;font-size:clamp(30px,4vw,45px);line-height:1.13;letter-spacing:-1.2px}.profile-detail-header p{position:relative;z-index:1;max-width:770px;margin:13px 0 0;color:#e0f1ec;font-size:15px;line-height:1.7}.profile-detail-header time{display:block;margin-top:17px;color:#b9ded5;font-size:11px}.profile-detail-image{margin:0;background:#eaf4f1}.profile-detail-image img{display:block;width:100%;max-height:470px;object-fit:cover}.profile-detail-body{max-width:930px;margin:0 auto;padding:38px 40px 52px;color:#405e5e;font-size:15px;line-height:1.9}.profile-detail-body> :first-child{margin-top:0}.profile-detail-body h1,.profile-detail-body h2,.profile-detail-body h3{color:#123f45;letter-spacing:-.3px}.profile-detail-body h2{padding-bottom:9px;border-bottom:1px solid #e3efea}.profile-detail-body a{color:#08766f}.profile-detail-body img{border-radius:14px;box-shadow:0 8px 25px #174d4218}.profile-detail-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.profile-detail-body th{background:#eaf5f1;color:#16484a}.profile-detail-body th,.profile-detail-body td{padding:10px 13px;border:1px solid #dce9e5}.profile-detail-card .document-pdf-preview{margin:0 38px 36px}.profile-detail-card .document-pdf-preview-heading{background:#eef7f4}.profile-detail-card .document-pdf-preview-heading h2{border:0}
.news-listing{padding-bottom:20px}.news-listing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:300px;overflow:hidden;padding:38px 48px;border-radius:22px;background:radial-gradient(circle at 88% 10%,#24a99b 0,transparent 30%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a);color:#fff;box-shadow:0 18px 42px #075b5726}.news-listing-hero:before,.news-listing-hero:after{position:absolute;border:1px solid #ffffff26;border-radius:50%;content:"";pointer-events:none}.news-listing-hero:before{top:-190px;right:-35px;width:440px;height:440px}.news-listing-hero:after{right:180px;bottom:-230px;width:300px;height:300px}.news-listing-hero-copy{position:relative;z-index:1;max-width:660px}.news-listing-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#cde9e2;font-size:12px}.news-listing-breadcrumb a:hover{text-decoration:underline}.news-listing-kicker{display:inline-block;padding:7px 11px;border:1px solid #ffffff60;border-radius:20px;background:#ffffff17;color:#e4fff6;font-size:10px;font-weight:800;letter-spacing:1.5px}.news-listing-hero h1{margin:15px 0 9px;color:#fff;font-size:clamp(34px,4.5vw,51px);line-height:1.1;letter-spacing:-1.4px}.news-listing-hero p{max-width:570px;margin:0;color:#e0f1ec;font-size:15px;line-height:1.7}.news-listing-hero-link{display:inline-flex;gap:15px;align-items:center;margin-top:21px;padding:11px 15px;border-radius:9px;background:#fff;color:#08766f;font-size:12px;font-weight:800;box-shadow:0 8px 18px #073e3738}.news-listing-hero-art{position:relative;z-index:1;display:grid;place-items:center;width:155px;height:155px;flex:none;margin:10px 8% 0 25px;border:1px solid #ffffff65;border-radius:34px;background:#ffffff20;color:#fff;font-size:72px;box-shadow:0 15px 34px #073e3738;transform:rotate(7deg)}.news-listing-hero-art i{position:absolute;right:-24px;bottom:-13px;padding:8px 11px;border:2px solid #08756d;border-radius:7px;background:#fff;color:#08766f;font-size:10px;font-style:normal;font-weight:900;letter-spacing:1px;transform:rotate(-7deg)}.news-listing-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:38px 0 20px;scroll-margin-top:20px}.news-listing-heading>div>span{color:#08766f;font-size:10px;font-weight:800;letter-spacing:1.6px}.news-listing-heading h2{margin:7px 0 5px;color:#173d45;font-size:27px;letter-spacing:-.5px}.news-listing-heading p{margin:0;color:#66827e;font-size:13px}.news-listing-count{flex:none;padding:9px 13px;border:1px solid #cfe5df;border-radius:30px;background:#fff;color:#08766f;font-size:12px;font-weight:800}.news-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.news-listing-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #dcebe7;border-radius:16px;background:#fff;box-shadow:0 6px 21px #12494c0b;transition:transform .2s,box-shadow .2s,border-color .2s}.news-listing-card:hover{transform:translateY(-4px);border-color:#9acfc4;box-shadow:0 15px 30px #12494c19}.news-listing-card:focus-visible{outline:3px solid #087c78;outline-offset:3px}.news-listing-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(140deg,#d7eee7,#a9d7cc);color:#08766f;font-size:56px}.news-listing-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.news-listing-card:hover .news-listing-cover img{transform:scale(1.04)}.news-listing-cover time{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffffa0;border-radius:9px;background:#ffffffed;color:#456763;font-size:10px;font-weight:700}.news-listing-cover time b{color:#08766f;font-size:18px}.news-listing-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px}.news-listing-source{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#6b8983;font-size:9px;font-weight:800;letter-spacing:.8px}.news-listing-source em{padding:4px 7px;border-radius:20px;background:#e5f5ef;color:#08766f;font-size:9px;font-style:normal;letter-spacing:0}.news-listing-card h3{margin:10px 0 0;color:#173d45;font-size:17px;line-height:1.42;overflow-wrap:anywhere}.news-listing-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:9px 0 16px;color:#66807c;font-size:12px;line-height:1.65}.news-listing-read{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#08766f;font-size:11px;font-weight:800}.news-listing-read b{font-size:16px;transition:transform .2s}.news-listing-card:hover .news-listing-read b{transform:translateX(3px)}.news-listing-empty{grid-column:1/-1;padding:46px 20px;border:1px dashed #c6dfd8;border-radius:15px;background:#fff;color:#66827e;text-align:center}.news-listing-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:#e8f6f2;color:#08766f;font-size:27px}.news-listing-empty h3{margin:0;color:#173d45;font-size:18px}.news-listing-empty p{margin:7px 0 0;font-size:13px}
@media(max-width:700px){.profile-detail-page{padding:24px 0 38px}.profile-detail-card{border-radius:16px}.profile-breadcrumb{padding:15px 19px;font-size:11px}.profile-detail-header{padding:32px 22px 27px}.profile-detail-header:after{right:-120px}.profile-detail-header h1{font-size:31px}.profile-detail-header p{font-size:13px}.profile-detail-body{padding:27px 21px 35px;font-size:14px}.profile-detail-image img{max-height:300px}.profile-detail-card .document-pdf-preview{margin:0 15px 22px}}
@media(max-width:900px){.news-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-listing-hero-art{margin-right:4%}}
@media(max-width:600px){.news-listing-hero{min-height:0;padding:28px 23px;border-radius:16px}.news-listing-breadcrumb{margin-bottom:21px}.news-listing-hero p{font-size:13px}.news-listing-hero-art{display:none}.news-listing-heading{align-items:flex-start;margin:28px 0 17px}.news-listing-heading h2{font-size:22px}.news-listing-count{font-size:11px;white-space:nowrap}.news-listing-grid{grid-template-columns:1fr;gap:13px}.news-listing-card{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:150px}.news-listing-cover{height:100%;min-height:150px;aspect-ratio:auto}.news-listing-cover time{top:7px;left:7px;gap:4px;padding:5px;font-size:8px}.news-listing-cover time b{font-size:14px}.news-listing-card-body{padding:13px}.news-listing-source{font-size:8px}.news-listing-card h3{margin-top:7px;font-size:14px}.news-listing-card p{margin:6px 0 9px;font-size:11px;-webkit-line-clamp:2}.news-listing-read{font-size:10px}}
.requirement-detail-page{background:radial-gradient(ellipse at 8% 0,#deefe9 0,transparent 38%),linear-gradient(180deg,#f2f8f6,#f8fbfa 60%,#edf6f3)}.requirement-detail-card .profile-detail-header{background:radial-gradient(circle at 92% 10%,#1ca292 0,transparent 30%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a)}.requirement-detail-body{max-width:1040px}.requirement-intro{display:flex;align-items:center;gap:13px;margin:0 0 23px;padding:17px 20px;border:1px solid #d3eae2;border-radius:13px;background:linear-gradient(110deg,#eef8f4,#f8fcfa);color:#315d58}.requirement-intro-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#d9f0e7;color:#08766f;font-size:20px;font-weight:900}.requirement-intro p{margin:0!important;font-size:13px;font-weight:700}.requirement-section{margin:0 0 18px;padding:21px 23px;border:1px solid #e0ece8;border-radius:15px;background:#fff;box-shadow:0 6px 20px #12494c09}.requirement-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding-bottom:13px;border-bottom:1px solid #e7f0ed}.requirement-section-heading>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#e8f6f2;color:#08766f;font-size:11px;font-weight:900}.requirement-section-heading h2{margin:0!important;padding:0!important;border:0!important;color:#17484a!important;font-size:18px;line-height:1.35}.requirement-checklist{display:grid;gap:8px;margin:0!important;padding:0!important;list-style:none}.requirement-checklist li{position:relative;margin:0!important;padding:10px 13px 10px 38px;border:1px solid #edf2f0;border-radius:9px;background:#fbfdfc;color:#4b6865;font-size:13px;line-height:1.65;list-style:none!important}.requirement-checklist li:before{position:absolute;top:11px;left:13px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e0f2eb;color:#08766f;content:"✓";font-size:10px;font-weight:900}.requirement-subheading{margin:15px 0 10px!important;padding:10px 13px;border-left:3px solid #13877b;border-radius:0 8px 8px 0;background:#f0f8f5;color:#205b57!important;font-size:14px;line-height:1.5!important}.requirement-subheading:first-child{margin-top:0!important}.requirement-image{margin:15px 0;text-align:center}.requirement-image img{max-width:100%;height:auto;max-height:560px;object-fit:contain}.requirement-detail-body>.document-pdf-preview{margin-top:24px}
@media(max-width:600px){.requirement-detail-body{padding:22px 15px 30px}.requirement-section{margin-bottom:13px;padding:16px 13px;border-radius:12px}.requirement-section-heading{gap:9px}.requirement-section-heading h2{font-size:16px}.requirement-checklist{gap:6px}.requirement-checklist li{padding:9px 10px 9px 33px;font-size:12px}.requirement-checklist li:before{left:10px}.requirement-intro{padding:13px}.requirement-subheading{font-size:13px}}
@media(max-width:900px){.masthead{height:auto;padding:13px 0}.brand strong{font-size:25px}.brand b{font-size:12px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.civil-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero{height:350px}.hero-content{padding:35px 16px}.hero h1{font-size:45px}.hero h2{font-size:23px}.hero p{max-width:350px;font-size:13px}.hero-bottom{gap:10px}.hero-bottom span{font-size:16px}.hero-bottom small{font-size:9px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-card{height:126px}.civil-services-band{padding:31px 0}.civil-services-heading h2{font-size:22px}.civil-document-grid{gap:9px}.civil-document-grid a{min-height:140px;padding:14px}.home-tracking-inner{align-items:flex-start}.home-tracking-form{grid-template-columns:1fr}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep specialized listing pages within the Disdukcapil palette. */
.service-listing-hero{background:radial-gradient(circle at 90% 10%,#31a99b 0,transparent 28%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a);box-shadow:0 18px 42px #075b5726}.service-listing-kicker{color:#e4fff6}.service-listing-hero-art{background:#ffffff20;border-color:#ffffff60}.service-listing-overline,.service-listing-heading>div>span{color:#08766f}.service-listing-count{border-color:#cfe5df;color:#08766f}.service-listing-card{border-color:#dcebe7;border-radius:15px;box-shadow:0 6px 21px #12494c0b}.service-listing-card:hover{border-color:#9acfc4;box-shadow:0 14px 28px #12494c18}.service-listing-card-icon{background:#e8f6f2;color:#087c78}.service-listing-card h3{color:#173d45}.service-listing-card-footer{border-color:#e6f0ed;color:#08766f}
.announcement-listing-hero{background:radial-gradient(circle at 92% 12%,#159d8d 0,transparent 28%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a);box-shadow:0 18px 42px #075b5724}.announcement-listing-kicker{color:#e4fff6}.announcement-listing-heading>div>span{color:#08766f}.announcement-listing-count{border-color:#cfe5df;color:#08766f}.announcement-listing-card{border-color:#dcebe7;border-radius:15px;box-shadow:0 5px 20px #12494c0b}.announcement-listing-card:hover{border-color:#9acfc4;box-shadow:0 13px 28px #12494c19}.announcement-listing-date,.announcement-listing-arrow{background:#e8f6f2;color:#08766f}.announcement-listing-card h3{color:#173d45}.announcement-listing-meta{color:#668a84}.announcement-listing-arrow{transition:background .2s,color .2s}.announcement-listing-card:hover .announcement-listing-arrow{background:#087c78;color:#fff}
.agenda-listing-hero{background:radial-gradient(circle at 88% 12%,#159d8d 0,transparent 30%),linear-gradient(115deg,#103b43,#08756d 65%,#10978a);box-shadow:0 18px 42px #075b5726}.agenda-listing-heading>div>span,.agenda-listing-link{color:#08766f}.agenda-listing-count{border-color:#cfe5df;color:#08766f}.agenda-listing-date{border-color:#d1e8e2;background:#e8f6f2;color:#08766f}.agenda-listing-card{border-color:#dcebe7;box-shadow:0 6px 21px #12494c0b}.agenda-listing-card:hover{border-color:#9acfc4;box-shadow:0 13px 28px #12494c18}.agenda-listing-card h3,.agenda-listing-empty h3{color:#173d45}.agenda-listing-empty>span{background:#e8f6f2;color:#08766f}
.document-listing-hero{background:radial-gradient(circle at 88% 15%,#24a99b 0,transparent 29%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a);box-shadow:0 18px 42px #075b5726}.document-listing-kicker{color:#e4fff6}.document-listing-heading>div>span,.document-listing-count,.document-file-icon{color:#08766f}.document-listing-count{border-color:#cfe5df}.document-listing-card{border-color:#dcebe7;box-shadow:0 6px 21px #12494c0b}.document-listing-card:hover{border-color:#9acfc4;box-shadow:0 15px 30px #12494c1b}.document-download-link{background:#e8f6f2;color:#08766f}.document-download-link:hover{background:#087c78;color:#fff}
.complaint-hero{background:radial-gradient(circle at 92% 12%,#22a698 0,transparent 30%),linear-gradient(115deg,#103b43,#08756d 68%,#10978a)!important}.complaint-hero-link,.complaint-submit{background:#087c78!important}.complaint-eyebrow{color:#d6f7ee!important}.complaint-help-card{border-color:#cfe5df!important;background:#f0f8f5!important}.social-icon{background-color:#e8f6f2;color:#08766f}

/* Modern contact and office location footer */
.contact-footer{padding:0;background:linear-gradient(135deg,#103b43,#062f36);color:#fff}.contact-footer-main{padding-top:42px;padding-bottom:36px}.contact-footer-heading{margin-bottom:22px}.contact-footer-heading>span{color:#a4e2d3;font-size:10px;font-weight:800;letter-spacing:1.6px}.contact-footer-heading h2{margin:8px 0 6px;color:#fff;font-size:27px;letter-spacing:-.5px}.contact-footer-heading p{margin:0;color:#c5ddd8;font-size:13px;line-height:1.65}.contact-footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,.9fr) minmax(180px,1fr);gap:18px;align-items:stretch}.contact-location-card{display:flex;gap:16px;padding:23px;border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(130deg,#ffffff16,#ffffff0a);box-shadow:0 10px 28px #001f2433}.contact-location-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:#ffffff1c;color:#a5ead7}.contact-location-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-location-card small{color:#a5ead7;font-size:9px;font-weight:800;letter-spacing:1.4px}.contact-location-card h3{margin:7px 0;color:#fff;font-size:17px}.contact-location-card address{max-width:440px;color:#d4e6e1;font-size:13px;font-style:normal;line-height:1.65}.contact-map-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:9px 12px;border-radius:8px;background:#f3d27c;color:#173f42;font-size:11px;font-weight:800;transition:transform .15s,background .15s}.contact-map-link:hover{transform:translateY(-2px);background:#ffe19a;color:#173f42}.contact-footer-links,.contact-footer-social{padding:18px 19px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0b}.contact-footer-links h3,.contact-footer-social h3{margin:0 0 12px;color:#fff;font-size:14px}.contact-footer-links a{display:block;margin:9px 0;color:#d2e4df;font-size:12px}.contact-footer-links a:hover{color:#a5ead7}.contact-footer-social p{margin:12px 0 0;color:#c5ddd8;font-size:11px;line-height:1.5}.contact-footer-bottom{border-top:1px solid #ffffff24;background:#062a30}.contact-footer-bottom>.container{display:flex;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px;color:#c6d9d5;font-size:10px}.contact-footer .social-icons{gap:7px}.contact-footer .social-icon{background:#ffffff18;color:#dff6ef}.contact-footer .social-icon:hover{background:#ffffff30}
@media(max-width:750px){.contact-footer-grid{grid-template-columns:1fr 1fr}.contact-location-card{grid-column:1/-1}.contact-footer-main{padding-top:32px;padding-bottom:28px}}
@media(max-width:520px){.contact-footer-grid{grid-template-columns:1fr}.contact-location-card{grid-column:auto;padding:18px}.contact-location-card h3{font-size:15px}.contact-footer-bottom>.container{display:grid;gap:7px}.contact-footer-heading h2{font-size:23px}}
.nav-submenu{background:linear-gradient(145deg,#0b756d,#075d59);border-color:#54a89d;color:#fff;box-shadow:0 15px 30px #073e3738}.nav-submenu a,.nav-submenu a:hover{color:#fff}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#ffffff20;outline:2px solid #b5e9dc;outline-offset:-2px}
/* WhatsApp assistance panel */
.whatsapp-contact-widget{position:fixed;right:24px;bottom:24px;z-index:1200;font-family:inherit}
.whatsapp-contact-widget .whatsapp-float{position:relative;right:auto;bottom:auto;cursor:pointer;font-family:inherit}
.whatsapp-contact-options{display:none;position:absolute;right:0;bottom:calc(100% + 14px);width:min(380px,calc(100vw - 32px));overflow:hidden;border:1px solid #dce9e4;border-radius:24px;background:#f4f8f6;box-shadow:0 24px 72px #123c3033;color:#193e33}
.whatsapp-contact-widget.is-open .whatsapp-contact-options{display:block;animation:whatsapp-options-in .2s ease-out}
.whatsapp-options-heading{display:flex;align-items:center;gap:12px;padding:22px 20px;background:linear-gradient(120deg,#075c48,#128b65);color:#fff}
.whatsapp-heading-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #ffffff38;border-radius:15px;background:#ffffff15}
.whatsapp-heading-icon svg{width:28px;height:28px;fill:currentColor}
.whatsapp-options-heading>div{flex:1;min-width:0}.whatsapp-options-heading strong,.whatsapp-options-heading small{display:block}
.whatsapp-options-heading strong{margin-top:6px;font-size:16px;line-height:1.35;font-weight:750;letter-spacing:-.3px}
.whatsapp-options-heading small{font-size:8px;line-height:1.5;letter-spacing:1px;color:#c4ecdc;font-weight:700}
.whatsapp-options-close{display:grid;place-items:center;align-self:flex-start;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.whatsapp-options-close:hover{background:#ffffff35}.whatsapp-options-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.whatsapp-welcome{margin:16px 16px 18px;padding:15px 16px;border:1px solid #e0ebe5;border-radius:4px 16px 16px;background:#fff}
.whatsapp-welcome strong{font-size:14px;color:#193e33}.whatsapp-welcome p{margin:7px 0 0;font-size:12px;line-height:1.7;color:#6a7e76}
.whatsapp-list-label{display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px;font-size:9px;letter-spacing:1px;font-weight:800;color:#637c70}
.whatsapp-list-label span{font-size:10px;font-weight:500;letter-spacing:0;color:#7a8f84}
.whatsapp-options-list{display:grid;gap:8px;max-height:min(310px,calc(100dvh - 380px));overflow-y:auto;overscroll-behavior:contain;padding:0 14px 8px}
.whatsapp-options-list>a{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #e0ebe5;border-radius:15px;background:#fff;color:#193e33;text-decoration:none;transition:background .18s,border-color .18s}
.whatsapp-options-list>a:hover{background:#ebf8f0;border-color:#8bceb0}.whatsapp-options-list>a:focus-visible{outline:2px solid #14845c;outline-offset:-2px}
.whatsapp-service-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#e5f5ec;color:#158956}.whatsapp-service-icon svg{width:23px;height:23px;fill:currentColor}
.whatsapp-service-copy{display:block;flex:1;min-width:0}.whatsapp-service-copy strong,.whatsapp-service-copy small{display:block;overflow-wrap:anywhere}.whatsapp-service-copy strong{font-size:13px;font-weight:700;line-height:1.45;color:#193e33}.whatsapp-service-copy small{margin-top:4px;font-size:10px;line-height:1.45;color:#768b80}
.whatsapp-service-arrow{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#f0f7f3;color:#16845a;font-size:23px;line-height:1}
.whatsapp-options-footer{padding:11px 16px 14px;text-align:center;font-size:9px;color:#809389}
@keyframes whatsapp-options-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.whatsapp-contact-widget{right:16px;bottom:16px}.whatsapp-contact-widget .whatsapp-float{padding:12px;border-radius:50%}.whatsapp-contact-widget .whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.whatsapp-options-heading{padding:18px 16px}.whatsapp-options-heading strong{font-size:15px}.whatsapp-options-list{max-height:min(290px,calc(100dvh - 360px))}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact-widget.is-open .whatsapp-contact-options{animation:none}}
.home-running-text{position:relative;z-index:2;overflow:hidden;border-bottom:1px solid #d6eae4;background:linear-gradient(90deg,#f2faf7,#fff 50%,#f2faf7)}.home-running-inner{display:flex;align-items:center;min-height:48px}.home-running-label{display:flex;align-items:center;gap:8px;align-self:stretch;flex:none;padding:0 18px 0 0;color:#08766f;font-size:10px;font-weight:900;letter-spacing:1px}.home-running-label>span{color:#18a28b;font-size:11px}.home-running-window{min-width:0;overflow:hidden;flex:1}.home-running-track{display:flex;width:max-content;animation:home-running-scroll 48s linear infinite}.home-running-group{display:flex;align-items:center;flex:none;white-space:nowrap}.home-running-group a,.home-running-group>span:not(.home-running-separator){padding:0 15px;color:#426661;font-size:12px;font-weight:600}.home-running-group a:hover,.home-running-group a:focus-visible{color:#08766f;text-decoration:underline}.home-running-separator{color:#4ba99a;font-size:10px}.home-running-window:hover .home-running-track,.home-running-window:focus-within .home-running-track{animation-play-state:paused}@keyframes home-running-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.home-running-inner{min-height:42px}.home-running-label{padding-right:9px;font-size:9px}.home-running-group a,.home-running-group>span:not(.home-running-separator){padding:0 11px;font-size:11px}}@media(prefers-reduced-motion:reduce){.home-running-track{animation:none}.home-running-group[aria-hidden="true"]{display:none}}
.services-section-head{align-items:center;gap:18px}.services-section-head>div{min-width:0;flex:1}.director-home-card{display:flex;align-items:center;gap:11px;flex:none;max-width:270px;padding:8px 13px 8px 8px;border:1px solid #deece7;border-radius:14px;background:linear-gradient(120deg,#f6fbf9,#fff);box-shadow:0 5px 16px #12494c0b}.director-home-photo{display:grid;place-items:center;width:56px;height:56px;flex:none;overflow:hidden;border:2px solid #d1e9e1;border-radius:50%;background:#e8f6f2;color:#08766f;font-size:20px;font-weight:800}.director-home-photo img{width:100%;height:100%;object-fit:cover}.director-home-card small,.director-home-card strong{display:block}.director-home-card small{margin-bottom:4px;color:#08766f;font-size:8px;font-weight:900;letter-spacing:1px}.director-home-card strong{color:#1b4648;font-size:12px;line-height:1.35}.services-all-link{flex:none;color:#08756d;font-size:12px;font-weight:700}.services-all-link:hover{text-decoration:underline}@media(max-width:850px){.services-section-head{align-items:flex-start;flex-wrap:wrap}.services-section-head>div{flex-basis:calc(100% - 230px)}.director-home-card{order:3}.services-all-link{margin-left:auto}}@media(max-width:600px){.services-section-head{gap:13px}.services-section-head>div{flex-basis:100%}.director-home-card{max-width:none;flex:1;order:0}.director-home-photo{width:48px;height:48px}.services-all-link{align-self:center;font-size:11px}}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #ffffff75;border-radius:40px;background:linear-gradient(135deg,#20b86a,#0b8f52);color:#fff;font-size:12px;font-weight:800;box-shadow:0 9px 25px #075b373d;transition:transform .18s,box-shadow .18s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 13px 30px #075b3752;color:#fff}.whatsapp-float:focus-visible{outline:3px solid #9ce7bb;outline-offset:3px}.whatsapp-float svg{width:23px;height:23px;fill:currentColor}.whatsapp-quick-link{background:#e8f7ee!important;color:#087b45!important;font-weight:800!important}.whatsapp-quick-link:hover{background:#d4f0df!important;color:#075d36!important}.whatsapp-float span{white-space:nowrap}@media(max-width:600px){.whatsapp-float{right:14px;bottom:14px;padding:12px;border-radius:50%}.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}


/* Complaint form and tracking */
.complaint-page{background:linear-gradient(180deg,#edf6f2,#f8fbf9 480px)}.complaint-hero-link{background:#fff!important;color:#096b58;box-shadow:0 5px 18px #073e3020}.complaint-hero p{color:#deeee8}.complaint-art-icon{background:#f0fbf5;color:#0c7d64}.complaint-art-caption{background:#0b6459d9}.complaint-form-card,.complaint-info-card{border-color:#dce9e2;box-shadow:0 8px 28px #174d3210}.complaint-heading-icon{background:#e4f4eb;color:#16815b}.complaint-section-heading h2,.complaint-info-card h2{color:#183f33}.complaint-form label{color:#345749}.complaint-form input:not([type=file]),.complaint-form textarea{border-color:#d9e6df;background:#fcfefd;color:#244e3c}.complaint-form input:focus,.complaint-form textarea:focus{border-color:#19966a;box-shadow:0 0 0 3px #19966a1a}.complaint-side-kicker{color:#16815b}.complaint-steps li>span{border-color:#cae6d7;background:#edf8f1;color:#17805a}.complaint-steps strong{color:#284e3e}.complaint-track-link{background:#eaf6ef;color:#11734e}.complaint-tracking-card{border-top:4px solid #17875f}.complaint-tracking-card h2{margin-bottom:10px;font-size:23px}.complaint-tracking-card>p{margin:0 0 18px;color:#74867c;font-size:12px;line-height:1.75}.complaint-tracking-card form>label+label{margin-top:14px}.complaint-tracking-card .complaint-submit{display:flex;justify-content:space-between;width:100%;background:#117c56!important;box-shadow:0 6px 16px #117c5620}.complaint-upload{border-color:#cfe3d7;background:#f7fbf8}

/* Header social links and site map */
.mini-links{display:flex;align-items:center;justify-content:flex-end;gap:9px}.mini-links-divider{width:1px;height:18px;margin:0 4px;background:#1b806a45}.header-social .social-icons{gap:7px;margin:0}.header-social .social-icon{width:29px;height:29px;border:1px solid #0d806a25;border-radius:9px;background:#fff;color:#0a775f;box-shadow:0 2px 8px #073e2f16}.header-social .social-icon svg{width:16px;height:16px}.header-social .social-icon.social-instagram{background:#fff;color:#b03c93}.header-social .social-icon.social-facebook{background:#fff;color:#1769c9}.header-social .social-icon.social-youtube{background:#fff;color:#dd3333}.header-social .social-icon.social-x{background:#fff;color:#233d40}.header-social .social-icon:hover{transform:translateY(-2px);background:#e7f7ef}.header-social .social-icon.is-unlinked{opacity:.55}.contact-footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}.contact-footer-bottom a:hover{color:#fff}
.sitemap-page{min-height:60vh;padding:42px 0 72px;background:linear-gradient(180deg,#eef8f2,#fafcfb)}.sitemap-header{padding:32px 34px;border-radius:22px;background:linear-gradient(115deg,#0d594a,#15936d);color:#fff;box-shadow:0 14px 32px #0d594a25}.sitemap-header span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#b8ebd4}.sitemap-header h1{margin:9px 0;font-size:34px;color:#fff}.sitemap-header p{margin:0;color:#e4f4ec;line-height:1.7}.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px;margin-top:22px}.sitemap-card{padding:23px;border:1px solid #daeae0;border-radius:17px;background:#fff;box-shadow:0 6px 20px #123e2b0b}.sitemap-card h2{margin:0 0 14px;color:#154a39;font-size:17px}.sitemap-card ul{margin:0;padding:0;list-style:none}.sitemap-card li+li{border-top:1px solid #ecf2ee}.sitemap-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:#355d4b;font-size:13px;line-height:1.45}.sitemap-card a span{color:#139361}.sitemap-card a:hover,.sitemap-card a:focus-visible{color:#087c55;text-decoration:underline}@media(max-width:850px){.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sitemap-page{padding:22px 0 48px}.sitemap-header{padding:25px}.sitemap-header h1{font-size:29px}.sitemap-grid{grid-template-columns:1fr}.sitemap-card{padding:20px}}