html { background:#091720; }
.app-recovery { box-sizing:border-box; min-height:100dvh; display:grid; place-items:center; padding:24px; color:#dcebf1; background:#091720; font:16px/1.75 system-ui,sans-serif; }
.app-recovery .app-recovery-card { box-sizing:border-box; width:100%; max-width:520px; padding:32px; border:1px solid #476575; border-radius:14px; background:#112734; }
.app-recovery .app-recovery-brand { font-size:12px; letter-spacing:3px; color:#9fcbd5; }
.app-recovery h1 { margin:18px 0; font-size:24px; line-height:1.4; color:#edf7fb; word-break:keep-all; }
.app-recovery p { margin:12px 0; color:#bed0da; }
.app-recovery button { box-sizing:border-box; display:block; width:100%; min-height:48px; margin:24px 0 14px; padding:12px 16px; border:1px solid #a9dce5; border-radius:6px; background:#a9dce5; color:#102630; font:inherit; font-weight:700; cursor:pointer; }
.app-recovery button:disabled { opacity:.65; cursor:wait; }
.app-recovery button:focus-visible { outline:3px solid #edc786; outline-offset:4px; }
.app-recovery small { display:block; color:#96b2c1; font-size:13px; }
.app-recovery .app-recovery-error { color:#efba9d; }
@media(max-width:480px){.app-recovery{padding:16px}.app-recovery .app-recovery-card{padding:24px}.app-recovery h1{font-size:21px}}