/* Login centralizado verticalmente */
body {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card de login */
.card {
  width: min(420px, 100%);
  padding: 24px;
  border-radius: 16px;
}

/* Labels e botão do form de login */
label { display: block; margin: 10px 0 6px; color: var(--muted); font-size: .85rem; }
input  { padding: 10px 12px; border-radius: 10px; font-size: .95rem; }
button { width: 100%; margin-top: 16px; padding: 10px 12px; border-radius: 999px; font-size: .95rem; }
button:hover { background: #1a2132; }

.erro { margin-top: 10px; color: var(--error); font-size: .9rem; }