.recovery-card{width:min(calc(100% - 40px),32rem);max-width:32rem;margin:clamp(3rem,12vh,8rem) auto;padding:clamp(1.75rem,5vw,3.25rem);border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(13,25,23,.96),rgba(7,16,15,.88));box-shadow:0 24px 80px rgba(0,0,0,.32),0 0 60px rgba(104,225,245,.06);color:var(--text)}
.recovery-card h1{margin:.65rem 0 .8rem;font-size:clamp(2.2rem,7vw,4.5rem);font-weight:500;letter-spacing:-.07em;line-height:.95}
.recovery-card p{color:var(--muted);line-height:1.6}
.login-kicker{color:var(--lime);font:10px/1.4 var(--mono);letter-spacing:.16em}
.login-lead{margin:0 0 2rem}
.auth-form label,.recovery-card form label{display:block;margin:1rem 0 .45rem;color:var(--muted);font:10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.recovery-card input{width:100%;min-height:3.25rem;margin:0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:8px;background:rgba(3,7,6,.7);color:var(--text);font:16px var(--sans)}
.recovery-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(104,225,245,.12);outline:0}
.recovery-card button{width:100%;min-height:3.25rem;margin:1.5rem 0 0;padding:.8rem 1rem;border:1px solid var(--lime);border-radius:8px;background:var(--lime);color:#07100f;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.recovery-card button:hover{background:#d1ff9c;transform:translateY(-1px)}
.recovery-card button span{margin-left:.5rem;font-size:18px;vertical-align:-1px}
.login-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1.25rem;font-size:13px}
.login-links a{display:inline-flex;min-height:44px;align-items:center;color:var(--cyan)}
.login-links a:hover{text-decoration:underline}
.recovery-card > a{display:inline-flex;min-height:44px;align-items:center;margin-top:1.25rem;color:var(--cyan);font-size:13px}.recovery-card > a:hover{text-decoration:underline}.recovery-card ul.errorlist{margin:.5rem 0 0;padding:0;color:#ffc0b9;font-size:13px;list-style:none}
.recovery-card :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media (max-width:480px){.recovery-card{width:min(calc(100% - 24px),32rem);padding:1.5rem}.login-links{flex-direction:column}}