.account-body { gap:12px; }
.account-hero { text-align:center; padding:8px 4px 2px; }
.account-hero>span { display:block; font-size:36px; margin-bottom:8px; }
.account-hero h2 { margin:0 0 6px; font-size:21px; letter-spacing:-.5px; }
.account-hero p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.account-tabs { display:flex; padding:4px; gap:4px; background:#e9e7e1; border-radius:13px; }
.account-tabs button { flex:1; padding:9px 5px; font:inherit; font-size:13px; font-weight:700; border-radius:10px; color:var(--muted); }
.account-tabs button.active { background:#fff; color:var(--green); box-shadow:0 2px 5px #0000000b; }
.account-form { display:flex; flex-direction:column; gap:12px; }
.account-form .field { font-size:13px; }
.account-form .field small { font-weight:500; color:var(--muted); }
.account-form input { width:100%; background:#fff; color:var(--ink); }
.account-password { display:flex; border:1px solid var(--line); border-radius:12px; background:#fff; overflow:hidden; }
.account-password input { flex:1; min-width:0; border:0; }
.account-show { color:var(--green); font-size:12px; font-weight:700; padding:0 12px; }
.account-hint { color:var(--muted); font-size:11.5px; line-height:1.5; margin-top:-6px; }
.account-message { font-size:12px; line-height:1.5; color:var(--green); margin:0; }
.account-message:empty { display:none; }
.account-message.error { color:#b52f34; }
.account-interests { padding:0; border:0; margin:2px 0; display:flex; flex-direction:column; gap:8px; }
.account-interests legend { font-size:13px; font-weight:600; margin-bottom:8px; }
.account-interests label { display:flex; align-items:center; gap:10px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; font-size:13px; cursor:pointer; }
.account-interests input { width:auto; accent-color:var(--green); }
.account-interests label:has(input:checked) { border-color:var(--green); background:var(--green-soft); }
.account-body button:disabled { opacity:.55; cursor:wait; }
.account-password input:focus-visible { outline:2px solid var(--green); outline-offset:-2px; }

.account-body > .p-btn.ghost { flex:none; }

.account-dob { border:0; padding:0; margin:0; min-width:0; }
.account-dob legend { margin-bottom:8px; font-size:12px; font-weight:600; }
.account-dob-row { display:grid; grid-template-columns:1.4fr .8fr 1fr; gap:8px; }
.account-dob select { width:100%; min-width:0; height:42px; padding:0 8px; border:1px solid #e5e1d9; border-radius:10px; background:#fff; color:inherit; font:inherit; font-size:16px; }
.account-dob .field span { font-size:11px; }