/* Auth pages: register / login / verify-email */

.auth-wrap{
  min-height:calc(100vh - 400px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:56px 20px;
}

.auth-card{
  width:100%;
  max-width:420px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:36px 32px;
}

.auth-card h1{
  font-size:26px;
  font-weight:800;
  letter-spacing:-.01em;
  margin:0 0 6px;
}

.auth-card .auth-sub{
  color:var(--ink-500);
  font-size:14.5px;
  margin:0 0 28px;
}

.auth-field{
  margin-bottom:18px;
}

.auth-field label{
  display:block;
  font-size:13.5px;
  font-weight:700;
  color:var(--ink-700);
  margin-bottom:7px;
}

.auth-field input{
  width:100%;
  box-sizing:border-box;
  padding:11px 14px;
  border:1.5px solid var(--border);
  border-radius:var(--radius-sm);
  font-size:15px;
  font-family:inherit;
  background:var(--surface);
  color:var(--ink-900);
  transition:border-color .15s ease, box-shadow .15s ease;
}

.auth-field input:focus{
  outline:none;
  border-color:var(--brand-blue-500);
  box-shadow:0 0 0 3px rgba(30,111,239,.14);
}

.auth-field small{
  display:block;
  margin-top:6px;
  font-size:12.5px;
  color:var(--ink-400);
}

.auth-forgot-link{
  display:block;
  text-align:end;
  margin-top:8px;
  font-size:12.5px;
  font-weight:700;
  color:var(--brand-blue-600);
}

.auth-captcha-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:9px;
}

.auth-captcha-row img{
  border:1.5px solid var(--border);
  border-radius:var(--radius-sm);
  display:block;
}

.auth-captcha-refresh{
  font-size:13px;
  font-weight:700;
  color:var(--brand-blue-600);
  white-space:nowrap;
}

.auth-submit{
  width:100%;
  justify-content:center;
  margin-top:6px;
}

.auth-alert{
  border-radius:var(--radius-sm);
  padding:12px 14px;
  font-size:14px;
  margin-bottom:20px;
  border:1px solid transparent;
}

.auth-alert--error{
  background:#fef2f2;
  border-color:#fecaca;
  color:#b42318;
}

.auth-alert--success{
  background:#f0fdf6;
  border-color:#bbf0d3;
  color:#0d7a4c;
}

.auth-footer-link{
  text-align:center;
  margin-top:22px;
  font-size:14px;
  color:var(--ink-500);
}

.auth-footer-link a{
  color:var(--brand-blue-600);
  font-weight:700;
}