.login { min-height: 100%; display: grid; place-items: center; padding: 24px; }
.login-card {
  width: min(360px, 100%); display: grid; gap: 16px; padding: 32px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius);
}
.login-card img { max-height: 48px; max-width: 220px; object-fit: contain; justify-self: center; }
.login-card h1 { margin: 0; font-size: 16px; font-weight: 500; text-align: center; color: var(--fg-2); }
.login-card input {
  font: inherit; padding: 10px 12px; border-radius: var(--radius);
  border: 1px solid var(--line); background: var(--bg); color: var(--fg); width: 100%;
}
.login-card input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.login-erro { color: var(--danger); font-size: 14px; margin: 0; min-height: 1.5em; }