.account-main { min-height: 68vh; display: grid; place-items: center; padding: 56px 16px; }
.account-card { width: min(100%, 480px); padding: clamp(22px, 5vw, 38px); border: 1px solid var(--line); border-radius: 15px; background: var(--panel); }
.account-card h1 { margin: 13px 0 10px; font-size: clamp(30px, 7vw, 42px); }
.account-intro, .account-switch { color: var(--muted); font-size: 14px; }
.account-form { display: grid; gap: 10px; margin-top: 25px; }
.account-form label:not(.consent) { margin-top: 7px; color: #dfe1d8; font-size: 13px; font-weight: 700; }
.account-form input:not([type="checkbox"]):not([type="hidden"]) { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; outline: none; background: #111310; color: var(--text); font: inherit; }
.account-form input:focus { border-color: var(--lime); }
.account-form .button { margin-top: 10px; cursor: pointer; }
.account-form .consent { display: flex; align-items: start; gap: 10px; margin-top: 12px; color: var(--muted); font-size: 12px; }
.account-form .consent input { margin-top: 4px; accent-color: var(--lime); }
.account-switch { margin: 22px 0 0; }
.account-switch a { color: var(--lime); font-weight: 700; }
.account-errors, .field-errors { color: #ff9b83; font-size: 12px; }
.account-errors ul, .field-errors ul { margin: 0; padding-left: 19px; }
.account-message { margin: 15px 0; padding: 13px 15px; border: 1px solid #c9f36a55; border-radius: 8px; background: #c9f36a0b; color: #dfe1d8; font-size: 13px; }
.smart-captcha { min-height: 100px; margin: 8px 0; }