.recovery-hero{min-height:245px}
.recovery-hero h1{font-size:clamp(42px,5.4vw,60px)}
.recovery-main{max-width:980px;grid-template-columns:minmax(0,1.15fr) minmax(270px,.75fr);align-items:stretch;padding-top:34px}
.recovery-card{align-self:center}
.recovery-card .login-intro{max-width:520px;margin-bottom:24px}
.recovery-card .login-form{gap:10px}
.recovery-card .login-submit{margin-top:8px}
.recovery-card .login-register{flex-wrap:wrap;text-align:center}
.recovery-note{margin-top:22px}
.recovery-side{display:flex;flex-direction:column;justify-content:center;min-height:390px}
.recovery-side h2{font-size:31px}
.recovery-side>p{max-width:300px}
@media(max-width:780px){.recovery-main{grid-template-columns:1fr;max-width:680px}.recovery-side{min-height:0}}
@media(max-width:580px){.recovery-hero{min-height:235px}.recovery-hero h1{font-size:46px}.recovery-main{padding-top:22px}.recovery-card{padding:24px 18px}.recovery-side{padding:25px 21px}}
.recovery-success-icon{border-color:#b8e3d0!important;background:#e9f8ef!important;color:#25845c!important;font-size:24px!important;font-weight:800}
.recovery-success-actions{flex-direction:column;gap:12px;margin-top:22px}
.recovery-action{width:100%;text-decoration:none}
.recovery-note a{color:#176e8b;font-weight:800;text-decoration:none}
.recovery-note a:hover{text-decoration:underline}
.login-register .recovery-action{color:#fff;text-decoration:none}
.login-register .recovery-action:hover{color:#fff;text-decoration:none}
.login-register .recovery-action:focus-visible{color:#fff}
.recovery-recipient{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:13px 15px;border:1px solid #bce2d1;border-radius:11px;background:#edf9f2;color:#245f48;overflow-wrap:anywhere}
.recovery-recipient>span{flex:0 0 auto;color:#24825d;font-size:19px}
.recovery-recipient>b{min-width:0;color:#174c39;font-size:15px;font-weight:800;overflow-wrap:anywhere}
html,body{margin:0}