:root{--hijau-tua: #0b3d24;--hijau: #0b4d2c;--hijau-muda: #eaf4ee;--emas: #e8a013;--emas-muda: #f6c453;--tinta: #1c2b22;--abu-latar: #f3f5f2;--radius: 16px;--bayang: 0 4px 18px rgba(11, 61, 36, .08)}*{font-family:Plus Jakarta Sans,system-ui,sans-serif}html{scroll-behavior:smooth}body{background:var(--abu-latar);color:var(--tinta);min-height:100vh;display:flex;flex-direction:column}.wilayah-utama{display:flex;flex-direction:column;flex:1}.navbar-kemenag{background:var(--hijau-tua);padding-top:.55rem;padding-bottom:.55rem;box-shadow:0 2px 12px #00000040}.logo-nav{height:46px;width:auto}.brand-teks .baris-1{color:#fff;font-size:.72rem;letter-spacing:.08em;font-weight:600}.brand-teks .baris-2{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.02em}.navbar-kemenag .nav-link{color:#ffffffeb;font-weight:600;font-size:.93rem;padding:.45rem .7rem;border-bottom:3px solid transparent}.navbar-kemenag .nav-link:hover{color:var(--emas-muda)}.navbar-kemenag .nav-link.aktif{color:var(--emas);border-bottom-color:var(--emas)}.navbar-kemenag .dropdown-menu{border-radius:12px;border:none;box-shadow:var(--bayang)}.btn-login{color:var(--emas);border:2px solid var(--emas);border-radius:999px;font-weight:700;font-size:.9rem;padding:.4rem 1.1rem;white-space:nowrap}.btn-login:hover{background:var(--emas);color:var(--hijau-tua)}.hero-kiri{display:flex;flex-direction:column;height:calc(100% + 1.5rem);min-height:620px;position:relative;overflow:hidden}.hero-teks{flex:0 0 auto;position:relative;z-index:2}.salam{font-family:Caveat,cursive;color:var(--emas);font-size:1.7rem;font-weight:600}.judul-hero{color:var(--hijau-tua);font-weight:800;font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.15;margin:.15rem 0 .35rem}.sub-hero{color:var(--hijau);font-weight:700;font-size:1.02rem}.garis-emas{width:64px;height:4px;background:var(--emas);border-radius:4px;margin:.7rem 0}.motto-intro{font-size:.95rem;max-width:46%}.motto{font-weight:800;font-size:.98rem;color:var(--tinta);max-width:46%}.bingkai-foto{position:static;flex:1 1 auto;min-height:0;margin-top:.6rem}.rasio-foto{position:absolute;left:0;right:0;bottom:0;width:100%;aspect-ratio:430 / 566;container-type:size;z-index:1}.rasio-foto>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kartu-quote{position:absolute;left:2.5%;bottom:8.7%;width:63%;height:42%;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:3.2cqw;box-shadow:0 8px 24px #0b3d242e;padding:2.4cqw 3cqw;z-index:2;overflow:hidden}.ikon-quote{color:var(--emas);font-size:4.6cqw;line-height:1;margin-bottom:.6cqw}.isi-quote{font-size:3.05cqw;line-height:1.45;margin-bottom:1.8cqw}.badge-nama{background:var(--hijau-tua);color:#fff;font-weight:700;font-size:3cqw;border-radius:1.8cqw;padding:1.1cqw 2.2cqw}.badge-jabatan{background:var(--emas);color:var(--hijau-tua);font-weight:700;font-size:2.7cqw;border-radius:1.8cqw;padding:1cqw 2.2cqw;margin-top:1.2cqw;line-height:1.35}.kartu-cari{position:relative;background:#fff;border-radius:var(--radius);box-shadow:var(--bayang);padding:1rem 1.2rem}.baris-cari{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #e7ebe7;padding-bottom:.8rem}.ikon-cari{font-size:1.35rem;color:#7d8a80}.input-cari{flex:1;border:none;outline:none;font-size:1.02rem;color:var(--tinta);background:transparent}.input-cari::-moz-placeholder{color:#9aa79e}.input-cari::placeholder{color:#9aa79e}.btn-cari{background:var(--hijau-tua);color:#fff;font-weight:700;border-radius:12px;padding:.55rem 1.2rem;white-space:nowrap}.btn-cari:hover{background:var(--hijau);color:#fff}.baris-keyword{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:.8rem}.label-keyword{font-weight:700;font-size:.88rem}.chip-keyword{border:1.5px solid #d6ded7;color:var(--tinta);background:#fff;border-radius:999px;font-size:.82rem;font-weight:600;padding:.28rem .85rem;text-decoration:none;transition:all .15s}.chip-keyword:hover{border-color:var(--hijau);color:var(--hijau);background:var(--hijau-muda)}.hasil-cari{display:none;position:absolute;left:1rem;right:1rem;top:4rem;background:#fff;border-radius:14px;box-shadow:0 16px 40px #0b3d2438;max-height:380px;overflow:auto;z-index:1050}.hasil-cari .grup-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--hijau);padding:.7rem 1rem .3rem}.hasil-cari .item{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--tinta)}.hasil-cari .item:hover{background:var(--hijau-muda)}.hasil-cari .judul{font-weight:600;font-size:.9rem}.hasil-cari .ket{font-size:.76rem;color:#6c7a70}.kartu-kategori{position:relative;background:#fff;border-radius:var(--radius);box-shadow:var(--bayang);padding:.9rem .85rem 1.6rem;height:100%;cursor:pointer;transition:transform .15s,box-shadow .15s}.kartu-kategori:hover,.kartu-kategori:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px #0b3d2429;outline:none}.ikon-kategori{font-size:2.1rem;line-height:1;display:block;margin-bottom:.55rem}.nama-kategori{font-weight:800;font-size:.84rem;line-height:1.25;color:var(--tinta)}.desk-kategori{font-size:.72rem;color:#6c7a70;margin-top:.3rem;line-height:1.35}.panah-kategori{position:absolute;right:.7rem;bottom:.55rem;font-size:.8rem;color:#9aa79e;transition:color .15s,transform .15s}.kartu-kategori:hover .panah-kategori{color:var(--hijau);transform:translate(3px)}.kartu-aksi{background:#fff;border-radius:var(--radius);box-shadow:var(--bayang)}.item-aksi{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;text-decoration:none;color:var(--tinta);height:100%}.item-aksi:hover{background:var(--hijau-muda);border-radius:var(--radius)}.lingkar-aksi{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#eef2ee;color:var(--hijau-tua);display:grid;place-items:center;font-size:1.3rem}.judul-aksi{font-weight:800;font-size:.92rem}.desk-aksi{font-size:.76rem;color:#6c7a70}.panah-aksi{color:#9aa79e}.sekat-aksi{border-left:1px solid #e7ebe7}.footer-kemenag{background:var(--hijau-tua);color:#fff;margin-top:1.5rem;padding:.9rem 0}.baris-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.6rem;font-size:.82rem}.item-footer{display:inline-flex;align-items:center;gap:.5rem;color:#fff}.item-footer i{color:var(--emas-muda);font-size:1rem}.item-footer.tautan{text-decoration:none}.item-footer.tautan:hover{color:var(--emas-muda)}.item-footer.ikuti{gap:.55rem;font-weight:600}.sos{width:30px;height:30px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;font-size:.85rem;text-decoration:none}.sos:hover{background:var(--emas);color:var(--hijau-tua)}.item-footer.merek{margin-left:auto;gap:.6rem;font-weight:700}.item-footer.merek img{height:34px}.tombol-apung{position:fixed;right:18px;top:40%;display:flex;flex-direction:column;gap:.6rem;z-index:1040}.apung-grup{display:flex;flex-direction:column;align-items:center;gap:2px}.label-apung{display:none}.apung{width:48px;height:48px;border-radius:50%;border:none;display:grid;place-items:center;font-size:1.25rem;color:#fff;box-shadow:0 6px 18px #00000040;text-decoration:none}.apung-hijau-tua{background:var(--hijau-tua)}.apung-hijau{background:#17a34a}.apung:hover{filter:brightness(1.15);color:#fff}.nav-bawah{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 18px #0b3d2424;display:flex;justify-content:space-around;align-items:center;padding:.35rem 0 .45rem;z-index:1040}.nav-bawah a,.nav-bawah button{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.62rem;color:#7d8a80;text-decoration:none;border:none;background:none}.nav-bawah a i{font-size:1.15rem}.nav-bawah a.aktif{color:var(--hijau);font-weight:700}.tombol-cari-bawah{width:52px;height:52px;border-radius:50%!important;background:var(--hijau-tua)!important;color:#fff!important;font-size:1.3rem;margin-top:-26px;box-shadow:0 6px 16px #0b3d2459;display:grid!important;place-items:center}.modal-layanan{border:none;border-radius:20px;overflow:hidden}.modal-layanan .modal-header{border-bottom:1px solid #eef1ee;align-items:center}.ikon-modal{width:44px;height:44px;border-radius:12px;background:var(--hijau);color:#fff;display:grid;place-items:center;font-size:1.25rem;flex:0 0 44px}.modal-layanan .modal-title{font-weight:800;font-size:1.02rem;color:var(--hijau-tua)}.item-layanan{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem .5rem;border-bottom:1px solid #f0f3f0;text-decoration:none;color:var(--tinta);border-radius:10px}.item-layanan:hover{background:var(--hijau-muda)}.item-layanan .nomor{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--hijau-muda);color:var(--hijau);font-weight:800;font-size:.82rem;display:grid;place-items:center;margin-top:2px}.item-layanan .nama{font-weight:700;font-size:.9rem}.item-layanan .meta{display:flex;gap:1rem;font-size:.74rem;color:#6c7a70;margin-top:.25rem}.item-layanan .panah{margin-left:auto;align-self:center;color:#9aa79e}body.font-besar{font-size:112%}body.font-besar .nama-kategori{font-size:.95rem}body.kontras-tinggi{filter:contrast(1.25)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (max-width: 991.98px){.hero-kiri{min-height:0;height:auto;overflow:visible;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:.25rem}.hero-teks{flex:1 1 0;min-width:0;padding-bottom:.5rem}.bingkai-foto{flex:0 0 55%;min-height:0;margin-top:0;margin-right:-1rem}.rasio-foto{position:relative;inset:auto;width:100%;margin:0}.judul-hero{font-size:1.35rem}.chip-nama{position:absolute;right:3%;bottom:5%;background:#fffffff2;border-left:3px solid var(--emas);border-radius:8px;padding:.3rem .55rem;box-shadow:0 4px 12px #0b3d2433;max-width:80%}.chip-nama .kecil{font-size:.58rem;color:#6c7a70;font-weight:600}.chip-nama .tebal{font-size:.68rem;font-weight:800;color:var(--hijau-tua)}.judul-bagian{font-size:1.05rem;font-weight:800;color:var(--tinta);margin:1rem 0 .6rem;padding-bottom:.3rem;border-bottom:3px solid var(--emas);display:inline-block}.kartu-quote{display:none}.salam{font-size:1.25rem}.sub-hero{font-size:.88rem}.garis-emas{margin:.55rem 0}.motto-intro,.motto{font-size:.85rem;max-width:none}.baris-keyword{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.baris-keyword::-webkit-scrollbar{display:none}.label-keyword,.chip-keyword{white-space:nowrap;flex:0 0 auto}.kartu-kategori{display:flex;align-items:center;gap:.65rem;padding:.8rem .75rem}.ikon-kategori{font-size:1.55rem;margin-bottom:0;flex:0 0 auto}.nama-kategori{font-size:.8rem;flex:1 1 auto}.desk-kategori{display:none}.panah-kategori{position:static;margin-left:auto;flex:0 0 auto}.item-aksi{padding:.85rem 1rem}.sekat-aksi{border-left:0;border-top:1px solid #e7ebe7}.kartu-quote-mobile{flex:0 0 100%;background:#fff;border-radius:14px;box-shadow:0 6px 18px #0b3d241f;padding:.9rem 1rem;margin-top:.75rem}.kartu-quote-mobile .ikon-quote{font-size:1.3rem}.isi-quote-m{font-size:.86rem;line-height:1.55}.kartu-quote-mobile .badge-nama{font-size:.8rem;padding:.3rem .7rem;border-radius:8px}.kartu-quote-mobile .badge-jabatan{font-size:.74rem;padding:.3rem .7rem;border-radius:8px;margin-top:.35rem;display:inline-block}.label-apung{display:block;font-size:.6rem;font-weight:700;color:var(--hijau-tua);text-shadow:0 0 4px #fff,0 0 8px #fff}.btn-login{margin:.5rem 0 .25rem .7rem;display:inline-block}body{padding-bottom:68px}.tombol-apung{top:auto;bottom:86px}.item-footer.merek{margin-left:0}}.panel-aks{position:fixed;right:78px;bottom:88px;width:290px;max-height:min(72vh,560px);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 16px 44px #0b3d2447;z-index:1060;padding:.4rem 0 .8rem}.kepala-panel{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#7d8a80;padding:.7rem 1rem .4rem}.seksi-panel{padding:.45rem 1rem 0;border-top:1px solid #eef1ee;margin-top:.45rem}.label-panel{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9aa79e;margin-bottom:.4rem}.baris-tombol{display:flex;gap:.45rem}.baris-tombol.bungkus{flex-wrap:wrap}.t-aks{border:1.5px solid #d6ded7;background:#fff;color:var(--tinta);border-radius:9px;font-size:.78rem;font-weight:600;padding:.45rem .7rem;flex:1 1 auto}.t-aks.lebar{width:100%;text-align:left}.t-aks.aktif{background:var(--hijau-tua);border-color:var(--hijau-tua);color:#fff}body.mudah-baca,body.mudah-baca *{font-family:Verdana,Arial,sans-serif!important}body.mudah-baca{letter-spacing:.04em;word-spacing:.12em;line-height:1.8}body.tanpa-animasi *,body.tanpa-animasi *:before,body.tanpa-animasi *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}body.sim-protanopia>*:not(script):not(svg){filter:url(#fProt)}body.sim-deuteranopia>*:not(script):not(svg){filter:url(#fDeut)}body.sim-tritanopia>*:not(script):not(svg){filter:url(#fTrit)}body.sim-monokrom>*:not(script):not(svg){filter:grayscale(1)}body.tema-gelap{background:#0e2018;color:#e6ede8}body.tema-gelap .kartu-cari,body.tema-gelap .kartu-kategori,body.tema-gelap .kartu-aksi,body.tema-gelap .kartu-quote,body.tema-gelap .panel-aks,body.tema-gelap .hasil-cari,body.tema-gelap .nav-bawah,body.tema-gelap .modal-layanan,body.tema-gelap .chip-nama{background:#16311f;color:#e6ede8}body.tema-gelap .judul-hero{color:#d9ead9}body.tema-gelap .sub-hero{color:#a5d6ae}body.tema-gelap .motto,body.tema-gelap .nama-kategori,body.tema-gelap .judul-aksi,body.tema-gelap .isi-quote,body.tema-gelap .label-keyword,body.tema-gelap .hasil-cari .judul,body.tema-gelap .item-layanan .nama,body.tema-gelap .modal-title,body.tema-gelap .judul-bagian,body.tema-gelap .chip-nama .tebal,body.tema-gelap .t-aks{color:#e6ede8}body.tema-gelap .desk-kategori,body.tema-gelap .desk-aksi,body.tema-gelap .hasil-cari .ket,body.tema-gelap .isi-quote,body.tema-gelap .kepala-panel,body.tema-gelap .label-panel,body.tema-gelap .chip-nama .kecil{color:#a8bcae}body.tema-gelap .input-cari{color:#e6ede8}body.tema-gelap .input-cari::-moz-placeholder{color:#7fa08a}body.tema-gelap .input-cari::placeholder{color:#7fa08a}body.tema-gelap .baris-cari{border-bottom-color:#2c4a37}body.tema-gelap .chip-keyword,body.tema-gelap .t-aks{background:transparent;border-color:#3a5a46}body.tema-gelap .t-aks.aktif{background:var(--emas);border-color:var(--emas);color:#10241a}body.tema-gelap .seksi-panel{border-top-color:#2c4a37}body.tema-gelap .lingkar-aksi{background:#23402e;color:#d9ead9}body.tema-gelap .item-aksi:hover,body.tema-gelap .hasil-cari .item:hover,body.tema-gelap .item-layanan:hover{background:#1f3d2a}body.tema-gelap .item-layanan,body.tema-gelap .sekat-aksi{border-color:#274733}body.tema-gelap .nav-bawah a,body.tema-gelap .nav-bawah button{color:#9db8a5}body.tema-gelap .nav-bawah a.aktif{color:#f6c453}body.tema-gelap .modal-layanan .modal-header{border-bottom-color:#2c4a37}body.tema-gelap .item-layanan .nomor{background:#23402e;color:#d9ead9}.modal-layanan{border-radius:20px;border:none;overflow:hidden;box-shadow:0 10px 30px #00000026}.modal-layanan .modal-header{background-color:#ebf3ee;padding:1.2rem 1.5rem;border-bottom:1px solid #e0ebe3}.ikon-modal{width:44px;height:44px;background-color:#0f5233;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.modal-layanan .modal-title{font-weight:700;color:#1f2937;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.modal-layanan .modal-body{padding:0;max-height:65vh}.item-layanan-modal{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #f0f4f1;cursor:pointer;transition:background-color .15s ease}.item-layanan-modal:last-child{border-bottom:none}.item-layanan-modal:hover{background-color:#f8faf9}.nomor-layanan{width:34px;height:34px;border-radius:50%;background-color:#e2ece5;color:#0f5233;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.judul-layanan{font-size:.9rem;font-weight:600;color:#2d3748;line-height:1.35;margin-bottom:2px}.meta-layanan{font-size:.775rem;color:#8c98a4;display:flex;align-items:center}.panah-layanan{color:#0f5233;font-size:.85rem;flex-shrink:0}