.login-page{--login-olive:#2e4a1c;--login-olive-deep:#213614;--login-panel:#e7eddb;--login-ink:#213614;--login-ink-soft:#4b5e3a;--login-contour:#2e4a1c24;--login-soil:#d9b77a;--login-soil-shade:#b9955a;--login-soil-deep:#9c7a45;--login-grass:#9cc94a;--login-mist:#c9dca6;--login-risk-low:#c9dca6;--login-risk-mid:#d9a23a;--login-risk-high:#8c2f1f;background:#fafaf9;min-height:100dvh;display:grid}.login-form-side{flex-direction:column;justify-content:center;padding:2rem 1.25rem 2.5rem;display:flex}.login-form-wrap{width:100%;max-width:23rem;margin:0 auto}.login-form-wrap h1{font-family:var(--font-manrope), Arial, sans-serif;letter-spacing:-.03em;color:#172033;margin:0;font-size:1.625rem;font-weight:800}.login-lead{color:#57534e;margin:.5rem 0 1.75rem;font-size:.9375rem;line-height:1.55}.login-field+.login-field{margin-top:1rem}.login-field label{color:#292524;margin-bottom:.375rem;font-size:.875rem;font-weight:700;display:block}.login-field .field-input{min-height:2.875rem;font-size:1rem}.login-error{color:#b91c1c;background:#fef2f2;border-radius:.625rem;margin:1rem 0 0;padding:.625rem .75rem;font-size:.875rem;font-weight:600}.login-submit{background:var(--login-olive);color:#fff;border:0;border-radius:.75rem;justify-content:center;width:100%;min-height:2.875rem;margin-top:1.5rem;font-size:1rem;font-weight:700;transition:background-color .15s}.login-submit:hover:not(:disabled){background:var(--login-olive-deep)}.login-submit:focus-visible{outline:3px solid var(--login-grass);outline-offset:2px}.login-submit:disabled{opacity:.75;cursor:progress}.login-help{color:#78716c;margin:1.25rem 0 0;font-size:.8125rem;line-height:1.55}.login-footer{color:#78716c;border-top:1px solid #e7e5e4;margin:2rem 0 0;padding-top:1rem;font-size:.8125rem;line-height:1.5}.login-footer a{color:var(--login-olive);text-underline-offset:3px;font-weight:700;text-decoration:underline}.login-badge{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.3rem .75rem;font-size:.6875rem;font-weight:800;display:inline-block}.login-badge-lime{background:var(--login-grass);color:var(--login-olive-deep)}.login-badge-outline{border:1.5px solid var(--login-olive);color:var(--login-olive)}.login-contours{z-index:-1;width:100%;height:100%;color:var(--login-contour);position:absolute;inset:0}.login-section{width:100%;height:auto;display:block}.login-band{background:var(--login-olive);color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.login-band-top{padding:1.5rem 1.25rem 0}.login-band-copy{padding:1.25rem 1.25rem .75rem}.login-band-title{font-family:var(--font-manrope), Arial, sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:.875rem 0 0;font-size:1.625rem;font-weight:800;line-height:1.15}.login-points{margin:1.75rem 0 0;padding:0;list-style:none;display:none}.login-points li{color:#e7eddb;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.45;display:flex}.login-points li+li{margin-top:1rem}.login-points svg{color:var(--login-grass);flex-shrink:0;margin-top:.1rem}.login-field-face .login-section{margin-top:auto}.login-signal{border-radius:999px;align-items:center;gap:.4rem;margin:0 0 1.25rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.login-signal.is-online{color:#3f6212;background:#ecf5dc}.login-signal.is-offline{color:#92400e;background:#fef3c7}.login-field-face .login-field label{font-size:.9375rem}.login-field-face .login-field .field-input{border-radius:.875rem;min-height:3.5rem;font-size:1.0625rem}.login-field-face .login-submit{background:var(--login-grass);min-height:3.75rem;color:var(--login-olive-deep);border-radius:.875rem;font-size:1.125rem;font-weight:800}.login-field-face .login-submit:hover:not(:disabled){background:#8bb93c}.login-field-face .login-submit:focus-visible{outline-color:var(--login-olive)}.login-dashboard-face .login-form-wrap>.login-badge{width:fit-content;margin-top:2.5rem;margin-bottom:.875rem;display:block}.login-story{isolation:isolate;background:var(--login-panel);color:var(--login-ink);display:none;position:relative;overflow:hidden}.login-riskmap{width:100%;height:auto}.login-dot{stroke:#fff;stroke-width:2px}.login-dot-halo{opacity:.28}.login-dot-rendah{fill:var(--login-risk-low);background:var(--login-risk-low)}.login-dot-sedang{fill:var(--login-risk-mid);background:var(--login-risk-mid)}.login-dot-tinggi{fill:var(--login-risk-high);background:var(--login-risk-high)}.login-quote{max-width:34rem;margin:0}.login-quote blockquote{font-family:var(--font-manrope), Arial, sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:2.25rem;font-weight:800;line-height:1.12}.login-quote figcaption{color:var(--login-ink-soft);margin-top:.875rem;font-size:.875rem;line-height:1.5}.login-legend{color:var(--login-ink-soft);gap:1.25rem;margin:1.75rem 0 0;padding:0;font-size:.8125rem;font-weight:700;list-style:none;display:flex}.login-legend li{align-items:center;gap:.45rem;display:inline-flex}.login-legend i{border:1.5px solid #fff;border-radius:999px;width:.75rem;height:.75rem;display:inline-block;box-shadow:0 0 0 1px #21361426}@media (min-width:768px){.login-field-face .login-band-copy{padding:1.5rem 2rem 1rem}.login-field-face .login-band-top{padding:2rem 2rem 0}.login-field-face .login-form-wrap{max-width:26rem}}@media (min-width:1024px){.login-field-face{grid-template-columns:minmax(24rem,44%) minmax(0,1fr)}.login-band{min-height:100dvh}.login-field-face .login-band-top{padding:2.5rem 2.75rem 0}.login-field-face .login-band-copy{padding:3rem 2.75rem 2rem}.login-band-title{font-size:2.5rem;line-height:1.1}.login-points{display:block}.login-field-face .login-form-wrap h1{font-size:2rem}.login-field-face .login-lead{font-size:1rem}.login-dashboard-face{grid-template-columns:minmax(28rem,600px) minmax(0,1fr)}.login-dashboard-face .login-form-side{background:#fff;padding:3rem 4rem}.login-dashboard-face .login-form-wrap{max-width:25rem}.login-story{flex-direction:column;justify-content:flex-end;min-height:100dvh;padding:3rem 3.5rem 3.5rem;display:flex}.login-riskmap{max-width:44rem;margin-bottom:auto}}@media (min-width:1280px){.login-quote blockquote{font-size:2.5rem}}