html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.recovery-page { min-height: 100dvh; display: grid; place-items: center; padding: 28px 16px; background: linear-gradient(#27162288, #271622ed), url('../assets/theme/background.webp') 64% top / cover fixed; font-family: Arial, sans-serif; line-height: 1.55; }
.recovery-card { width: 100%; max-width: 460px; padding: 28px; background: #301e29f5; border: 1px solid #a57c8e; border-radius: 10px; box-shadow: 0 16px 64px #180c1a66; }
.recovery-brand { display: block; width: 210px; margin: 0 auto 24px; }
.recovery-card h1 { font-size: 24px; line-height: 1.3; margin-bottom: 12px; overflow-wrap: anywhere; }
.recovery-card p { margin-bottom: 18px; color: #e3cdd8; }
.recovery-card .form-group { display: flex; flex-direction: column; gap: 7px; margin: 18px 0; }
.recovery-card label { font-size: 14px; }
.recovery-card .form-input { min-height: 48px; width: 100%; font-size: 16px; color: #fff; background: #21141c; border-color: #9d788b; }
.recovery-submit { width: 100%; min-height: 48px; padding: 12px; font-size: 16px; font-weight: 700; color: #fff; background: #714158 url('../assets/theme/button.webp') center / 100% 100%; border: 1px solid #bc91a6; cursor: pointer; }
.recovery-submit:disabled { opacity: .5; cursor: default; }
.recovery-back, #recovery-retry { display: block; text-align: center; padding: 12px 0; margin-top: 10px; color: #f0c5d9; }
.recovery-notice, #recovery-message { padding: 12px; background: #4a2d3d; border: 1px solid #9b7587; border-radius: 4px; overflow-wrap: anywhere; }
#recovery-message[data-error="true"] { color: #ffd0d0; }
.recovery-page [hidden] { display: none !important; }
:focus-visible { outline: 2px solid #f2cddc; outline-offset: 3px; }
@media (max-width: 420px) { .recovery-card { padding: 22px 18px; } .recovery-card h1 { font-size: 22px; } }