:root{--hijau:#123f31;--hijau-tua:#0b2a21;--hijau-panel:#10372b;--emas:#c8a548;--kertas:#f5f7f6;--tinta:#1c2421;--redup:#5e6b66;--garis:#cbd5d0;--galat:#9b2a1f}*,:before,:after{box-sizing:border-box}body.halaman-masuk{color:var(--tinta);background:var(--kertas);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif;font-size:1rem;line-height:1.5}.masuk{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100dvh;display:grid}.masuk-wilayah{background:var(--hijau-panel);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:relative;overflow:hidden}.masuk-logo{object-fit:contain;width:56px;height:56px}.masuk-peta{flex:1;justify-content:center;align-items:center;min-height:0;margin:1.5rem 0;display:flex}.masuk-peta svg{width:100%;max-width:560px;max-height:70vh;overflow:visible}.masuk-peta path{fill:#c8a5480d;stroke:var(--emas);stroke-width:1.25px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:fill .2s}.masuk-peta path.kantor{fill:#c8a54847}.masuk-peta path:hover{fill:#c8a54829}.penanda-titik{fill:var(--emas)}.penanda-cincin{fill:none;stroke:var(--emas);stroke-width:2px;opacity:.6}.penanda text{fill:#fff;paint-order:stroke;stroke:var(--hijau-panel);stroke-width:6px;font-size:26px;font-weight:600}@media (prefers-reduced-motion:no-preference){.masuk-peta path{stroke-dashoffset:1px;animation:1.8s cubic-bezier(.65,0,.35,1) forwards gambar-batas;animation-delay:calc(var(--urutan,0) * 45ms)}.penanda{opacity:0;animation:.4s ease-out 1.9s forwards muncul}}@keyframes gambar-batas{to{stroke-dashoffset:0}}@keyframes muncul{to{opacity:1}}.masuk-instansi-nama{letter-spacing:-.015em;max-width:22ch;margin:0;font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:700;line-height:1.2}.masuk-instansi-ket{color:#a9bdb4;margin:.5rem 0 0;font-size:.9375rem}.masuk-form{background:#fff;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem);display:flex}.masuk-form-isi{width:100%;max-width:22rem;margin:auto}.masuk-form h1{letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.1}.masuk-sub{color:var(--redup);margin:.5rem 0 2rem}.masuk-galat{border-left:3px solid var(--galat);color:var(--galat);background:#fbefed;border-radius:0 8px 8px 0;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9375rem}.isian{margin-bottom:1.25rem}.isian label{margin-bottom:.375rem;font-size:.9375rem;font-weight:600;display:block}.isian input{border:1px solid var(--garis);width:100%;height:3rem;color:var(--tinta);font:inherit;background:#fff;border-radius:10px;padding:0 .875rem;transition:border-color .15s,box-shadow .15s}.isian input:hover{border-color:#a7b5ae}.isian input:focus{border-color:var(--hijau);outline:none;box-shadow:0 0 0 3px #123f312e}.isian input[aria-invalid=true]{border-color:var(--galat)}.isian-captcha{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.isian-captcha img{border:1px solid var(--garis);background:#f6f4ec;border-radius:10px;width:180px;max-width:100%;height:56px}.tombol-ganti{border:1px solid var(--garis);width:2.75rem;height:2.75rem;color:var(--hijau);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:inline-grid}.tombol-ganti:hover{background:#edf2ef}.tombol-ganti:focus-visible{outline-offset:2px;outline:3px solid #123f3159}#captcha{text-transform:uppercase;letter-spacing:.15em}#captcha::placeholder{text-transform:none;letter-spacing:normal}.captcha-ket{color:var(--redup,#5f6f68);margin:.375rem 0 0;font-size:.8125rem}.isian-sandi{position:relative}.isian-sandi input{padding-right:7.5rem}.tombol-lihat{color:var(--hijau);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.375rem .625rem;font-size:.875rem;font-weight:600;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.tombol-lihat:hover{background:#edf2ef}.tombol-lihat:focus-visible,.tombol-masuk:focus-visible,.tautan-peta:focus-visible{outline-offset:2px;outline:3px solid #123f3159}.capslock{color:#8a5a00;margin:.375rem 0 0;font-size:.875rem}.tombol-masuk{background:var(--hijau);color:#fff;width:100%;height:3rem;font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:.5rem;font-weight:600;transition:background .15s}.tombol-masuk:hover{background:var(--hijau-tua)}.tombol-masuk:disabled{opacity:.7;cursor:progress}.tautan-peta{color:var(--redup);border-radius:4px;margin-top:1.5rem;font-size:.9375rem;text-decoration:none;display:inline-block}.tautan-peta:hover{color:var(--hijau);text-underline-offset:3px;text-decoration:underline}.masuk-kaki{color:#8a958f;text-align:center;margin:2rem 0 0;font-size:.8125rem}@media (width<=860px){.masuk{grid-template-rows:auto 1fr;grid-template-columns:1fr}.masuk-wilayah{flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.25rem}.masuk-logo{width:40px;height:40px}.masuk-peta{flex:0 0 96px;margin:0}.masuk-peta svg{max-height:96px}.penanda text{display:none}.masuk-instansi-nama{font-size:1.125rem}.masuk-instansi-ket{margin-top:.25rem;font-size:.8125rem}.masuk-form{justify-content:flex-start;padding-top:2.5rem}.masuk-form-isi{margin:0 auto}.masuk-kaki{margin-top:auto;padding-top:2rem}}