.account-page { padding:30px; }
.account-page .page-heading { margin-bottom:24px; }
.account-page .page-heading h2 { margin-bottom:10px; }
.account-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.account-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.account-field label { font-weight:bold; font-size:14px; }
.account-field input { width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #8d936e; border-radius:3px; background:#fff9e6; color:#263e35; font:16px/1.3 'Segoe UI',sans-serif; }
.account-field input:focus-visible { outline:3px solid #427e68; outline-offset:2px; }
.account-field small { color:var(--muted); font:12px/1.5 'Segoe UI',sans-serif; }
.account-wide { grid-column:1/-1; }
.account-choice { display:flex; align-items:flex-start; gap:10px; padding:14px; background:#c4cfac66; border:1px solid var(--line); font:13px/1.6 'Segoe UI',sans-serif; cursor:pointer; }
.account-choice input { flex-shrink:0; width:20px; height:20px; margin:0; accent-color:#356c58; }
.account-form .bronze-button, .account-page button.bronze-button { cursor:pointer; min-height:46px; font:600 15px/1.4 'Segoe UI',sans-serif; }
.account-page button:disabled { opacity:.65; cursor:wait; }
.account-status { margin:0 0 22px; padding:16px; border:1px solid #438363; background:#e0ebcf; color:#244b3c; overflow-wrap:anywhere; font:14px/1.6 'Segoe UI',sans-serif; }
.account-status.account-error { border-color:#a35b3c; background:#f3dfc8; color:#743c2b; }
.account-help { color:var(--muted); font:13px/1.6 'Segoe UI',sans-serif; }
.account-page details { margin-top:26px; padding-top:18px; border-top:1px solid var(--line); }
.account-page summary { cursor:pointer; color:#285a49; font-weight:bold; padding:4px 0; }
.account-page details[open] summary { margin-bottom:16px; }
.account-confirm { padding:20px; background:#d6dfbd; border:1px solid var(--line); margin-bottom:22px; }
.account-confirm h3 { margin:0 0 10px; font-size:21px; }
.account-confirm p { margin-bottom:18px; }
@media(max-width:760px) { .account-page { padding:22px; } }
@media(max-width:480px) { .account-form { grid-template-columns:1fr; } .account-page { padding:18px; } }