.recovery-shell { min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; }
.recovery-card { width: min(100%, 440px); margin: 0; }
.recovery-brand { display: inline-block; font-weight: 800; font-size: 24px; color: var(--text); text-decoration: none; margin-bottom: 24px; }
.recovery-card .dialog-title { margin-bottom: 12px; }
.recovery-card .buy-field { margin: 18px 0; }
.recovery-back { display: block; text-align: center; margin-top: 18px; color: inherit; }
.recovery-card [hidden] { display: none; }