.auth-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.auth-card {
  width: 100%;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: .9rem;
}
.auth-card h1 { font-size: 1.15rem; margin: 0; }
.auth-card label {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .8rem;
  color: var(--text-secondary);
}
.auth-card input[type=text], .auth-card input[type=password] {
  padding: .5rem .6rem;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: var(--page);
  color: var(--text-primary);
  font-size: .95rem;
}
.auth-card button {
  background: var(--accent);
  color: #fff;
  border: none;
  padding: .6rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: .9rem;
}
.auth-error {
  color: var(--bad);
  font-size: .85rem;
  margin: 0;
}
.auth-hint {
  color: var(--text-muted);
  font-size: .8rem;
  margin: 0 0 .2rem;
}