/* ===== Form ===== */
.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}
.field span{font-weight:600;font-size:.88rem}
input,select{font:inherit;padding:.65rem .8rem;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus{border-color:var(--brand);outline:none}
.seg{display:flex;background:var(--bg);border-radius:12px;padding:4px;gap:4px;margin-bottom:1.1rem}
.seg button{flex:1;font:inherit;font-weight:600;font-size:.85rem;padding:.55rem .3rem;border:0;border-radius:9px;background:none;cursor:pointer;color:var(--muted)}
.seg button.on{background:#fff;color:var(--brand-d);box-shadow:0 1px 3px rgba(0,0,0,.12)}
/* kolom password + tombol Lihat */
.pw{position:relative}
.pw input{padding-right:5.2rem}
.pw-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);font:inherit;font-size:.8rem;font-weight:700;color:var(--mari);background:var(--mari-l);border:0;border-radius:8px;padding:.3rem .65rem;cursor:pointer}
.pw-row{display:flex;justify-content:flex-end;margin:-.4rem 0 .9rem}
.link-btn{font:inherit;font-size:.85rem;font-weight:700;color:var(--mari);background:none;border:0;padding:0;cursor:pointer}
.link-btn:hover{text-decoration:underline}
.or{display:flex;align-items:center;gap:.8rem;margin:1.1rem 0;color:var(--muted);font-size:.85rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.alt-login{display:flex;flex-direction:column;gap:.6rem}
.btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-google:hover{background:var(--bg)}
.hint{color:var(--muted);font-size:.8rem;margin-top:-.4rem;margin-bottom:.9rem}
textarea{font:inherit;padding:.65rem .8rem;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%;resize:vertical}
textarea:focus{border-color:var(--brand);outline:none}
.check{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;margin-bottom:.9rem}
.check input{width:auto}
.bar{height:8px;border-radius:99px;background:var(--bg);overflow:hidden;margin-bottom:.3rem}
.bar i{display:block;height:100%;width:0;background:var(--mari);transition:width .2s}
.bar i.ok{background:var(--ok)} .bar i.err{background:var(--danger)}
#ad-prog{margin-bottom:.9rem}

.pw-eye{display:flex;align-items:center;justify-content:center;padding:.35rem .5rem}
.pw input[type=password]{letter-spacing:.08em}
.pw input[type=text]{letter-spacing:normal}