#accountRecovery {box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid #d8e2ef;border-radius:12px;color:#24364b;background:#fff;box-shadow:0 16px 50px #182c4c33;font-family:inherit}
#accountRecovery::backdrop {background:rgba(20,35,55,.4)}
#accountRecovery h2 {margin:0 0 12px;font-size:22px}
#accountRecovery p {margin:10px 0;font-size:14px;line-height:1.6;color:#53667e}
#accountRecovery form {display:grid;gap:14px;margin-top:20px}
#accountRecovery label {display:grid;gap:7px;font-size:14px;font-weight:600}
#accountRecovery input {box-sizing:border-box;width:100%;height:42px;padding:10px;border:1px solid #c9d7e8;border-radius:6px;font:inherit;font-weight:400}
#accountRecovery button {cursor:pointer;font:inherit;border:1px solid #c9d7e8;border-radius:6px;padding:9px 14px;background:#f5f8fc;color:#285b9e}
#accountRecovery [data-recovery-close] {float:right;padding:5px 10px}
#accountRecovery [data-recovery-send] {justify-self:start}
#accountRecovery [type=submit] {background:#285bc4;color:#fff;border-color:#285bc4;box-shadow:none;min-height:44px}
#accountRecovery button:disabled {cursor:wait;opacity:.6}
#accountRecovery [role=status] {font-size:14px;line-height:1.6;color:#285b9e;overflow-wrap:anywhere}
@media(max-width:500px){#accountRecovery{padding:22px}#accountRecovery form{gap:12px}}