.recovery{--recovery-navy:#0d1b2a;--recovery-sky:#0496ff;--recovery-white:#ffffff;display:grid;min-height:100vh;place-items:center;padding:48px 20px 64px;background:var(--recovery-white);color:var(--recovery-navy)}.recovery__card{width:min(100%,440px);animation:recovery-in .42s ease}.recovery__head{margin-bottom:28px;text-align:center}.recovery__art{display:flex;justify-content:center;margin-bottom:22px;color:var(--recovery-navy)}.recovery__art svg{width:min(168px,42vw);height:auto}.recovery h1{margin:0 0 10px;font-family:var(--font-manrope),ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.75rem,4vw,2rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;color:var(--recovery-navy)}.recovery__sub{max-width:28rem;margin:0 auto;color:rgba(13,27,42,.55);font-size:.95rem;line-height:1.55;text-wrap:balance}.recovery__sub a{color:var(--recovery-sky);font-weight:600}.recovery__sub strong{color:var(--recovery-navy);font-weight:700}.recovery form{display:grid;gap:4px}.recovery__check{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;color:var(--recovery-navy);font-size:.95rem;font-weight:600;text-align:left;cursor:pointer}.recovery__check input{width:18px;height:18px;margin-top:2px;accent-color:var(--recovery-sky);flex-shrink:0}.recovery__field{display:grid;gap:8px;margin-bottom:14px;text-align:left}.recovery__field>span{color:var(--recovery-navy);font-size:.92rem;font-weight:600}.recovery__field input{width:100%;min-height:50px;padding:12px 18px;border:1.5px solid rgba(13,27,42,.18);border-radius:999px;background:var(--recovery-white);color:var(--recovery-navy);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.recovery__field input::placeholder{color:rgba(13,27,42,.35)}.recovery__field input:focus{border-color:var(--recovery-sky);box-shadow:0 0 0 3px rgba(4,150,255,.18)}.recovery-pass{position:relative}.recovery-pass.is-strong input{padding-right:78px}.recovery-pass__mark{position:absolute;top:50%;right:46px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--recovery-sky);color:var(--recovery-white);pointer-events:none;transform:translateY(-50%)}.recovery-strength{margin:-4px 0 16px}.recovery-strength__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.recovery-strength__bars span{height:5px;border-radius:999px;background:rgba(13,27,42,.12)}.recovery-strength[data-level=Fair] .recovery-strength__bars span[data-on=true],.recovery-strength[data-level=Weak] .recovery-strength__bars span[data-on=true]{background:var(--recovery-navy)}.recovery-strength[data-level=Excellent] .recovery-strength__bars span[data-on=true],.recovery-strength[data-level=Good] .recovery-strength__bars span[data-on=true]{background:var(--recovery-sky)}.recovery-strength p{margin:0;color:rgba(13,27,42,.55);font-size:.82rem}.recovery-strength strong{font-weight:700;color:var(--recovery-navy)}.recovery-strength[data-level=Excellent] strong,.recovery-strength[data-level=Good] strong{color:var(--recovery-sky)}.recovery__hint{margin:-6px 2px 12px;color:var(--recovery-navy);font-size:.82rem}.recovery .alert{margin-bottom:16px;border-radius:12px;text-align:left}.recovery__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:6px;padding:0 18px;border:0;border-radius:8px;background:var(--recovery-sky);color:var(--recovery-white);font-size:1rem;font-weight:600;text-decoration:none;transition:filter .16s ease}.recovery__submit:hover:not(:disabled){filter:brightness(.94)}.recovery__submit:disabled{cursor:progress;opacity:.7}.recovery__back-wrap{margin-top:22px;text-align:center}.recovery__back{display:inline-flex;align-items:center;gap:6px;color:var(--recovery-navy);font-size:.95rem;font-weight:600}.recovery__back:hover{color:var(--recovery-sky)}.recovery__back svg{width:16px;height:16px}.recovery-art--envelope{width:min(200px,52vw)!important}.recovery__actions{display:grid;gap:12px;margin-top:8px}.recovery__actions .recovery__submit{margin-top:0}.recovery__ghost{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 18px;border:1.5px solid var(--recovery-navy);border-radius:8px;background:var(--recovery-white);color:var(--recovery-navy);font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.recovery__ghost:hover:not(:disabled){border-color:var(--recovery-sky);color:var(--recovery-sky);background:var(--recovery-white)}.recovery__ghost:disabled{cursor:progress;opacity:.7}.otp{display:flex;justify-content:center;gap:10px;margin:8px 0 22px}.otp__cell{width:48px;height:56px;padding:0;border:1.5px solid rgba(13,27,42,.18);border-radius:10px;background:var(--recovery-white);color:var(--recovery-navy);font-size:1.35rem;font-weight:700;text-align:center;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.otp__cell:focus{border-color:var(--recovery-sky);box-shadow:0 0 0 3px rgba(4,150,255,.2)}.otp__cell:disabled{opacity:.65}@media (max-width:420px){.otp{gap:6px}.otp__cell{width:42px;height:50px;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.recovery__card{animation:none}}@keyframes recovery-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}