/* ─── index.html (login/auth screen) ─── */
/* Requires common.css to be loaded first. */

.centered-form {
  background: var(--bg);
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centered-form__box {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--r-l);
  padding: 40px;
  width: 300px;
  box-shadow: var(--shadow-lg);
  text-align: center;
}
.centered-form__box h1 { margin-bottom: 8px; }
.centered-form__box p  { color: var(--text-2); font-size: 14px; margin-bottom: 24px; }
.centered-form button  { width: 100%; margin-top: 8px; padding: 12px; font-size: 14px; }
.centered-form input   { margin-bottom: 14px; width: 100%; }