/* Pagina di entrata: una scheda al centro, stile Aurora (solo variabili di tema.css). */
.entrata { position: relative; z-index: 1; min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.scheda {
  width: min(100%, 400px); padding: 28px 24px; border-radius: var(--radius); border: 1px solid var(--line);
  background: var(--panel); box-shadow: var(--shadow); backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur);
  display: grid; gap: 16px;
}
.scheda .logo { padding: 0; }
.scheda h1 { font-size: 24px; }
.scheda p { margin: 0; color: var(--muted); }
.scheda form { display: grid; gap: 12px; }
.scheda label { display: grid; gap: 6px; font-weight: 500; }
.scheda .input { min-height: var(--tap); width: 100%; }
.scheda .btn { min-height: 44px; width: 100%; }
.scheda .riga { display: flex; justify-content: flex-end; }
.errore { color: var(--err); background: var(--err-soft); border-radius: var(--radius-sm); padding: 8px 12px; }
.errore[hidden] { display: none; }