/* Pagina de intrare. Foloseste tokenii din stil.css. */

.pagina-intrare {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(1100px 520px at 50% -10%, var(--accent-slab), transparent 70%),
    var(--fundal);
}

.poarta {
  width: 100%;
  max-width: 360px;
  background: var(--card);
  border: 1px solid var(--linie);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(28,27,25,.06), 0 12px 32px rgba(28,27,25,.08);
  padding: 28px 26px 22px;
}

.poarta .marca { justify-content: center; margin-bottom: 22px; }
.poarta .marca h1 { font-size: 16px; }

.poarta .camp > span { font-weight: 500; color: var(--text); }
.poarta input {
  width: 100%;
  font: inherit;
  padding: 10px 12px;
  border: 1px solid var(--linie-tare);
  border-radius: 8px;
  background: var(--fundal);
  color: var(--text);
}
.poarta input:focus { outline: 2px solid var(--accent); outline-offset: -1px; background: var(--card); }

.poarta .buton-principal { width: 100%; padding: 10px; margin-top: 4px; }

.mesaj {
  margin: 14px 0 0;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 13.5px;
  background: var(--atentie-slab);
  border: 1px solid var(--atentie);
  color: var(--atentie);
}

.nota { margin: 18px 0 0; text-align: center; line-height: 1.45; }