:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18243b;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:32px 20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#e9f0ff,transparent 65%)}
.recovery-card{width:100%;max-width:470px;margin:auto;background:#fff;padding:36px;border:1px solid #e3e9f3;border-radius:24px;box-shadow:0 18px 60px #14346b0a;overflow-wrap:anywhere}
.brand{position:relative;width:132px;height:72px;overflow:hidden;background:#0b0d11;border-radius:12px;margin-bottom:32px}.brand img{position:absolute;left:50%;top:50%;width:230px;height:115px;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#215cec;margin-bottom:12px}h1{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:0 0 14px}p{line-height:1.65;margin-top:0}.intro{font-size:14px;color:#65748b;margin-bottom:24px}.note{font-size:13px;color:#65748b;margin:16px 0 20px}.helper{color:#65748b;font-size:12px;margin:9px 0 23px}.footer{font-size:11px;color:#788399;margin:30px 0 0;border-top:1px solid #e8edf5;padding-top:20px}
label{display:block;font-size:13px;font-weight:650;margin:20px 0 9px}input,button{font:inherit}input{width:100%;max-width:100%;min-width:0;min-height:50px;border:1px solid #d5deec;border-radius:10px;padding:12px 14px;font-size:16px;color:#18243b;background:white}input[aria-invalid=true]{border-color:#ba3047}
.primary{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:0;border-radius:10px;background:#215cec;color:white;font-size:14px;font-weight:650;line-height:1.45;text-decoration:none;text-align:center;cursor:pointer;white-space:normal}.primary:hover{background:#164dd2}.primary:disabled{opacity:.65;cursor:wait}form>.primary{margin-top:26px}
.password-field{position:relative}.password-field input{padding-right:70px}.reveal{position:absolute;right:3px;top:3px;min-height:44px;min-width:56px;border:0;background:transparent;color:#2859bc;cursor:pointer;font-size:12px;border-radius:8px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a0bbff;outline-offset:3px}#feedback{font-size:13px;line-height:1.6;border:1px solid #d8e5ff;background:#edf3ff;color:#244f96;padding:13px 15px;border-radius:10px;margin-bottom:20px}#feedback.error{border-color:#f1cbd2;background:#fff3f5;color:#a8253a}#feedback.success{border-color:#b8e5d6;background:#ecf9f3;color:#076647}
.spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;flex-shrink:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(max-width:500px){body{padding:20px 16px;align-items:flex-start}.recovery-card{padding:28px 23px;border-radius:18px}h1{font-size:26px}.brand{margin-bottom:26px}}@media(max-height:650px){body{align-items:flex-start}.recovery-card{margin:0 auto}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-right-color:currentColor}}@supports(padding:max(0px)){body{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}