.login-wrap { max-width: 440px; margin: 50px auto; padding: 0 20px; }

.login-header { text-align: center; margin-bottom: 22px; }
.login-header .shield { font-size: 2.2rem; }

.demo-accounts {
  background: var(--card-2);
  border: 1px dashed var(--border);
  border-radius: 12px;
  padding: 16px;
  margin-top: 18px;
}
.demo-accounts .label {
  font-size: 0.7rem; letter-spacing: 0.08em; color: var(--muted);
  text-transform: uppercase; font-weight: 700; margin-bottom: 10px;
}
.demo-account-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 0.87rem;
}
.demo-account-row:last-child { border-bottom: none; }
.demo-account-row .who { color: var(--muted); font-size: 0.76rem; }

.login-error {
  background: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.4);
  color: #fca5a5; padding: 11px 14px; border-radius: 9px; font-size: 0.85rem;
  margin-bottom: 14px; display: none;
}