*{box-sizing:border-box}body{margin:0;background:var(--eco-bg,#f4f7fa);color:var(--eco-text,#17354a);font-family:system-ui,sans-serif;min-height:100dvh;padding:32px 20px;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.recovery-shell{width:100%;max-width:460px;background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:32px;box-shadow:0 8px 28px #142d460d}
.recovery-brand{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;text-decoration:none;color:inherit;margin-bottom:28px}.recovery-brand img{object-fit:contain}.recovery-brand strong{display:block;font-size:24px}.recovery-brand small{display:block;color:#536b7c;font-size:12px}
h1{font-size:24px;line-height:1.3;margin:0 0 12px}.recovery-intro{color:#536b7c;font-size:15px;line-height:1.6;margin:0 0 24px}
label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #adbfcd;border-radius:6px;font:inherit;font-size:16px;color:inherit;background:#fff}
button{cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #adbfcd;border-radius:6px;color:inherit;background:#fff}button.primary{width:100%;margin-top:24px;background:#087e72;border-color:#087e72;color:#fff;font-weight:600;padding:12px}button:disabled{opacity:.65;cursor:wait}
.recovery-password{display:flex;gap:8px;min-width:0}.recovery-password input{flex:1;width:0}.recovery-password button{width:48px;flex:none}.recovery-hint{font-size:13px;color:#536b7c;line-height:1.6}
.recovery-message{padding:14px;border-left:3px solid;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.recovery-message.error{border-color:#b42338;background:#fff1f3;color:#972338}.recovery-message.success{border-color:#087e72;background:#edf9f5;color:#14564d}
nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;font-size:14px}nav a{display:inline-flex;align-items:center;gap:8px;color:#075bbb;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #69b7ee;outline-offset:3px}
@media(max-width:480px){body{padding:20px 12px}.recovery-shell{padding:24px 20px}}