.recovery-page{min-height:100vh;background:#f5f7fb;display:flex;flex-direction:column}
.recovery-page [hidden]{display:none!important}
.recovery-back,.recovery-return{color:#4b5dc8;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.recovery-main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1000px;padding-top:70px;padding-bottom:86px}
.recovery-intro .section-kicker{color:#5363ce}
.recovery-intro h1{font-size:clamp(34px,4vw,48px);line-height:1.25;letter-spacing:-.055em;margin:18px 0 22px}
.recovery-intro>p{color:#586278;font-size:16px;line-height:1.9}
.recovery-intro .recovery-security-note{border-top:1px solid #dfe4ed;margin-top:32px;padding-top:22px;font-size:13px;color:#637087}
.recovery-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.recovery-card h2{font-size:22px;letter-spacing:-.035em;margin:0 0 10px}
.recovery-description{font-size:14px;color:#637087;margin:0 0 20px;line-height:1.8}
.recovery-status{background:#f1f4fb;color:#44536f;padding:14px 15px;border-radius:12px;font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 18px}
.recovery-status[data-state="error"]{background:#fff3ed;color:#913c20}
.recovery-status[data-state="success"]{background:#eaf8f2;color:#176746}
.recovery-form{display:grid;gap:10px}
.recovery-form label{font-size:13px;font-weight:800;color:#354158}
.recovery-form input{width:100%;min-width:0;min-height:48px;border:1px solid #cbd2e0;border-radius:11px;padding:12px;font:inherit;font-size:16px;color:#101525;background:#fff}
.recovery-form input[aria-invalid="true"]{border-color:#b44b32}
.recovery-form .btn{width:100%;margin-top:10px}
.recovery-form input:disabled{background:#f4f6fa;color:#667086}
.recovery-page button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}
.recovery-page a:focus-visible,.recovery-page button:focus-visible,.recovery-page input:focus-visible{outline:3px solid #7281ed;outline-offset:3px}
.recovery-help{font-size:12px;line-height:1.8;color:#637087;margin:0 0 6px}
.recovery-retry{min-height:44px;border:1px solid #cbd2e0;background:#fff;border-radius:10px;padding:9px 14px;color:#4b5dc8;font:inherit;font-size:13px;font-weight:800;margin:0 0 18px;cursor:pointer}
.recovery-next{font-size:13px;line-height:1.8;color:#637087}
.recovery-next .btn{width:100%}
.recovery-return{display:inline-block;margin-top:22px;min-height:44px;padding:10px 0}
.recovery-footer{padding:22px 0;background:#0b1020;color:#a4aec3;font-size:12px}
.recovery-footer>.shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.recovery-footer a{color:#c0c8d8}
@media(max-width:760px){.recovery-main{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:34px;padding-bottom:42px;max-width:520px}.recovery-intro h1{font-size:34px;margin:12px 0 14px}.recovery-wide-only{display:none}.recovery-intro>p{font-size:14px}.recovery-intro .recovery-security-note{margin-top:18px;padding-top:15px;font-size:12px}.recovery-card{padding:24px}.recovery-card h2{font-size:21px}}
@media(max-width:360px){.recovery-card{padding:20px}.recovery-intro h1{font-size:30px}.recovery-back{font-size:12px}}