/* login.css — отличия страницы входа от общих стилей auth.css. */
.card{width:360px;}
.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;
}
.error-box{
  display:none; background:var(--danger-bg); border:1px solid var(--danger); color:var(--danger);
  border-radius:7px; padding:8px 10px; font-size:12px; margin-bottom:12px; line-height:1.5;
}
.error-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;}