/* reset-password.css — отличия страницы сброса пароля от auth.css: цвета «успех», блок резервных кодов. */
:root{
  --ok:#4ade80;
  --ok-bg:rgba(74,222,128,.1);
}
.card{width:400px;}
.brand{display:flex; align-items:center; gap:10px; margin-bottom:22px; text-decoration:none; color:inherit;}
.brand .mark{
  width:34px; height:34px; border-radius:9px;
  background:radial-gradient(circle at 30% 25%, var(--accent-strong), var(--accent) 60%, #b85f1f 100%);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:15px; color:#1a1005;
}
.field .rule{margin-top:4px; font-size:10.5px; color:var(--text-faint);}
.error-box, .ok-box{
  display:none; border-radius:7px; padding:8px 10px; font-size:12px; margin-bottom:12px; line-height:1.5;
}
.error-box{background:var(--danger-bg); border:1px solid var(--danger); color:var(--danger);}
.ok-box{background:var(--ok-bg); border:1px solid var(--ok); color:var(--ok);}
.error-box.show, .ok-box.show{display:block;}
button.submit{
  width:100%; margin-top:6px; background:linear-gradient(180deg,var(--accent-strong),var(--accent));
  border:none; color:#1a1005; font-weight:600; font-size:13.5px; padding:10px; border-radius:8px; cursor:pointer;
}
.switch{margin-top:16px; text-align:center; font-size:12.5px; color:var(--text-dim);}
.switch a{color:var(--accent-strong); text-decoration:none;}
.switch a:hover{text-decoration:underline;}
.codes-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0;
  font-family:'Space Grotesk',monospace; font-size:13px;
}
.codes-grid div{
  background:var(--bg-elev-2); border:1px solid var(--border); border-radius:6px;
  padding:7px 9px; text-align:center; letter-spacing:.5px;
}
#resultView{display:none;}