.recovery-page { min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; }
.recovery-panel { width: 100%; max-width: 470px; padding: 36px; background: var(--surface); border: 1px solid var(--line); border-radius: 20px; }
.recovery-panel .brand { margin-bottom: 40px; }
.recovery-panel h1 { font-size: 28px; line-height: 1.2; letter-spacing: -.8px; margin: 14px 0; }
.recovery-form { margin-top: 26px; }
.recovery-form small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; }
.recovery-link { display: block; color: var(--lime); font-size: 12px; margin-top: 22px; }
.recovery-help { margin-top: 26px; }
.recovery-help a { color: var(--lime); text-decoration: underline; }
.recovery-message { margin-top: 20px; color: var(--lime); line-height: 1.7; font-size: 13px; overflow-wrap: anywhere; }
.recovery-message.error { color: #ff9399; }
.recovery-page [hidden] { display: none; }
@media (max-width: 480px) { .recovery-panel { padding: 28px 22px; } .recovery-panel h1 { font-size: 25px; } }