.account-masthead { display:flex; justify-content:center; margin:32px 0; }
.account-masthead .logo { max-width:min(360px, 85vw); height:auto; }
.account-card { max-width:440px; margin:0 auto 32px; padding:24px; border:1px solid #c9ced6; border-radius:16px; background:#fff; line-height:1.5; }
.account-card h1 { font-size:1.5rem; margin:0 0 18px; }
.account-form { display:grid; gap:14px; }
.account-form label { display:grid; gap:5px; font-weight:600; }
.account-form input { box-sizing:border-box; width:100%; padding:10px 12px; border:1px solid #9ca3af; border-radius:8px; font:inherit; color:inherit; background:transparent; }
.account-form .account-checkbox { display:flex; gap:10px; align-items:flex-start; font-weight:400; }
.account-checkbox input { width:auto; margin-top:6px; }
.account-help { margin:-8px 0 0; font-size:.85rem; color:#526071; }
.account-error { border-left:3px solid #c23f34; padding:10px; background:#fff0ee; }
.account-recovery { display:block; padding:14px; margin:18px 0; border:1px solid #9ca3af; border-radius:8px; overflow-wrap:anywhere; user-select:all; }
.account-card a { color:#1559a5; }
.account-text-button { border:0; background:transparent; color:inherit; text-decoration:underline; cursor:pointer; font:inherit; }
.account-form :focus-visible, .account-card a:focus-visible { outline:3px solid #3680cf; outline-offset:3px; }
html[data-theme="dark"] .account-card { background:#20252c; border-color:#566170; color:#e5e7eb; }
html[data-theme="dark"] .account-help { color:#bac5d3; }
html[data-theme="dark"] .account-error { background:#452927; }
html[data-theme="dark"] .account-card a { color:#8ec5ff; }
@media(max-width:480px) { .account-card { padding:18px; } }