.account-security { max-width: 640px; padding-block: 42px 64px; }
.account-security h1 { font-size: 32px; }
.account-security form, .account-security fieldset, .account-security label { display: grid; gap: 12px; min-width: 0; }
.account-security form { margin-block: 26px; }
.account-security fieldset { border: 0; margin: 0; padding: 0; }
.account-security legend { margin-bottom: 12px; }
.account-security input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 12px; font: inherit; border: 1px solid #758698; border-radius: 6px; background: #0c121d; color: #fff; }
.account-security [hidden] { display: none !important; }
.account-security [role="status"] { overflow-wrap: anywhere; }
.account-security [data-kind="error"] { color: #ffb8bc; }
.account-security [data-kind="success"] { color: #8ce4c0; }
.account-security button { min-height: 48px; }
.account-security :focus-visible { outline: 3px solid #e8ff63; outline-offset: 3px; }
@media(max-width:560px) { .account-security h1 { font-size: 27px; } }