.accounts-page{width:min(620px,100%);margin:0 auto;padding:24px 12px 48px}
.accounts-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:28px}
.accounts-title{font-size:1.8rem;text-align:center;margin:0 0 24px}
.accounts-field{margin-bottom:20px}
.accounts-field>label{display:block;font-weight:600;margin-bottom:8px}
.accounts-field fieldset{margin:0;padding:0;border:0}
.accounts-field legend{float:none;font-size:.95rem;font-weight:600;margin-bottom:12px}
.accounts-input{display:flex;align-items:center;position:relative}
.accounts-input .form-control{min-width:0;font-size:16px;min-height:46px}
.accounts-input:has([data-password-toggle]) .form-control{padding-right:48px}
.accounts-input [data-password-toggle]{position:absolute;right:2px}
.accounts-submit{display:block;width:100%;min-height:46px;font-weight:700}
.accounts-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px;font-size:.875rem}
.accounts-switch .c-button{padding:8px 16px;font-size:.875rem}
.accounts-recovery{display:flex;gap:12px;flex-direction:column;font-size:.8125rem}
.accounts-help{font-size:.8125rem;margin:12px 0;color:var(--color-muted)}
.accounts-errors{color:var(--color-danger);font-size:.875rem}
.accounts-errors:empty{display:none}
.accounts-message{font-size:.875rem}
.accounts-checklist{list-style:none;padding:0;margin:12px 0 0;font-size:.8125rem}
.accounts-checklist li{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.accounts-rule-icon{flex-shrink:0;width:1.1em;text-align:center}
.accounts-checklist [data-passed="true"] .accounts-rule-icon{color:var(--color-secondary);font-weight:700}
.accounts-password-heading{font-size:.8125rem;font-weight:700;margin:14px 0 6px}
.accounts-password-status{font-size:.8125rem;margin-top:8px}
.accounts-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.accounts-form .helptext,.accounts-form ul.errorlist{font-size:.8125rem}
.accounts-form ul.errorlist{color:var(--color-danger)}
@media(max-width:520px){.accounts-page{padding-inline:0}.accounts-card{padding:20px 16px}.accounts-title{font-size:1.5rem}}