.returning-customer{padding-top:0}
.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#fff;border-radius:30px;padding:clamp(1.5rem,5vw,3rem);box-shadow:var(--shadow)}
.recovery-banner h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:.7rem 0}
.recovery-banner p{max-width:44rem}
.secondary-button{flex:0 0 auto;background:var(--leaf);box-shadow:0 9px 0 #17503d}
.secondary-button:hover{box-shadow:0 8px 0 #17503d}
.recovery-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}
.recovery-card{width:min(680px,100%);background:#fff;border-radius:28px;padding:clamp(1.5rem,5vw,3rem);box-shadow:var(--shadow)}
.recovery-brand{margin-bottom:2rem}
.recovery-card h1{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1;margin:.5rem 0 1rem}
.recovery-form{display:grid;gap:1rem;margin:2rem 0}
.recovery-form label{display:grid;gap:.4rem;font-weight:900}
.recovery-form input{width:100%;border:2px solid #cbd8d1;border-radius:14px;padding:.85rem 1rem;font:inherit}
.recovery-form input:focus{outline:3px solid rgba(247,201,75,.55);border-color:var(--leaf)}
.recovery-form .button{justify-self:start}
.form-error{background:#fff0ed;color:#852b1c;border-left:5px solid var(--coral);padding:1rem;border-radius:10px}
.help-box{background:#e5f3d9;padding:1rem 1.2rem;border-radius:16px}
.help-box h2{font-size:1.2rem;margin:0 0 .35rem}
.help-box p{margin:0}
@media(max-width:760px){.mini-nav a:not(.button){display:none}.recovery-banner{display:block}.recovery-banner .button{margin-top:1rem}}