body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.login-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  padding: 28px 32px; width: min(380px, 92vw);
  display: flex; flex-direction: column; gap: 14px;
}
.login-card h1 { font-size: 18px; margin: 0; }
.login-card p { color: var(--muted); margin: 0; font-size: 13px; }
.login-card label {
  display: flex; flex-direction: column; gap: 6px;
  font-size: 11.5px; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.05em;
}
.login-card label[hidden] { display: none !important; }
.login-card input[type=password],
.login-card input[type=text] { font-size: 14px; padding: 10px 12px; }
.login-card button { font-size: 14px; padding: 10px 12px; }
.login-error { color: var(--warn); font-size: 12.5px; min-height: 18px; }