:root{--sage:#6B7D5E;--sage2:#5A6B4F;--bg:#e3e6e0;--surface:#F8FAFC;--fg:#3d423d;--muted:#5a5f5a;--bd:#cdd1ca;--sl:#ffffff;--sd:#b8bdb6;--timbul:6px 6px 14px var(--sd),-6px -6px 14px var(--sl);--timbul-k:3px 3px 7px var(--sd),-3px -3px 7px var(--sl);--cekung:inset 3px 3px 8px #c9cdc9,inset -3px -3px 8px #fdfdfb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#akar{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}h1,h2,h3{font-family:Poppins,Inter,sans-serif;margin:0}.telp{max-width:420px;margin:0 auto;min-height:100%;background:var(--bg);padding:28px 20px 34px;display:flex;flex-direction:column;gap:16px}.tengah{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px}.tile{width:160px;height:160px;border-radius:50%;background:#fff;box-shadow:var(--timbul);display:flex;align-items:center;justify-content:center}.judul{font-weight:800;font-size:20px;color:#2f342f;text-align:center}.sub{font-size:12px;color:var(--muted);text-align:center;letter-spacing:.3px}.kosong{flex:1}.bt{width:100%;border:0;border-radius:14px;font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:14px;padding:16px;cursor:pointer;background:linear-gradient(145deg,var(--sage),var(--sage2));color:#fff;box-shadow:4px 4px 10px var(--sd),-4px -4px 10px var(--sl)}.bt.putih{background:var(--surface);color:var(--fg);box-shadow:var(--timbul-k);display:flex;align-items:center;justify-content:center;gap:10px}.bt.putih:hover{background:#fff}.bt:disabled{opacity:.6;cursor:default}.kartu{background:var(--bg);border-radius:16px;box-shadow:var(--timbul);padding:14px}.cekung{border-radius:14px;box-shadow:var(--cekung);padding:12px 14px}.lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:5px}.inp{width:100%;height:42px;border:0;border-radius:11px;background:#eef0ea;box-shadow:var(--cekung);padding:0 12px;font-family:inherit;font-size:13.5px;color:var(--fg)}.inp:focus{outline:2px solid var(--sage)}.baris{display:flex;flex-direction:column;gap:10px}.dua{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status{display:inline-block;background:var(--surface);border-radius:10px;box-shadow:var(--timbul-k);padding:7px 13px;font-weight:700;font-size:12px;color:var(--sage)}.pesan{border-radius:12px;padding:12px 14px;font-size:13px;box-shadow:var(--timbul-k)}.pesan.ok{background:#eaf1e7;color:#3c6b46}.pesan.err{background:#f6e7e7;color:#8c3b3b}.kepala{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:3px solid var(--sage)}.kepala .bulat{width:38px;height:38px;border-radius:13px;box-shadow:var(--timbul-k);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--sage);font-weight:800;font-size:12px}.t2{font-size:11.5px;color:var(--muted)}