.auth-wrap {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--bg); padding: 20px;
}
.auth-card {
  background: var(--card-bg); border: 1px solid var(--border); border-radius: 14px;
  box-shadow: 0 1px 2px rgba(20,30,25,0.04); padding: 32px; width: 100%; max-width: 380px;
  display: flex; flex-direction: column; gap: 14px;
}
.auth-logo { height: 40px; width: auto; align-self: center; }
.auth-card h1 { font-size: 1.15rem; margin: 0; text-align: center; color: var(--ink); }
.auth-sub { font-size: 0.82rem; color: var(--ink-soft); text-align: center; margin: -6px 0 4px; }
.auth-card label { display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; font-weight: 600; color: var(--ink); }
.auth-card input {
  font-size: 0.88rem; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px;
  font-family: var(--font-stack);
}
.auth-submit {
  background: var(--brand-green); color: #FFFFFF; margin-top: 4px; padding: 9px 16px; font-size: 0.85rem;
}
.auth-submit:hover { background: var(--brand-green-dark); }
.auth-error { font-size: 0.8rem; color: #B23B3B; background: #FCEAEA; border-radius: 8px; padding: 8px 10px; }
.auth-footnote { font-size: 0.74rem; color: var(--ink-soft); text-align: center; margin: 4px 0 0; }