/* La pagina di accesso: una scheda al centro, nient'altro da guardare. */

.a2 .acc-pagina {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(60% 50% at 50% 0%, var(--a2-acc-50) 0%, transparent 70%),
    var(--a2-bg);
}

.a2 .acc-scheda {
  width: 100%;
  max-width: 380px;
  background: var(--a2-surface);
  border-radius: var(--a2-r3);
  box-shadow: var(--a2-lift-2);
  padding: 32px 32px 28px;
}

.a2 .acc-marchio {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
}

.a2 .acc-marchio-nome {
  font-size: 15px;
  font-weight: var(--a2-w-titolo);
  letter-spacing: -.012em;
  color: var(--a2-t1);
}

.a2 .acc-titolo {
  font-size: var(--a2-fs-sezione);
  font-weight: var(--a2-w-titolo);
  letter-spacing: var(--a2-ls-sezione);
  line-height: var(--a2-lh-titolo);
  color: var(--a2-t1);
  margin: 0 0 4px;
}

.a2 .acc-sotto {
  font-size: var(--a2-fs-corpo);
  color: var(--a2-t2);
  margin: 0 0 22px;
}

.a2 .acc-modulo .a2-field + .a2-field { margin-top: 14px; }

.a2 .acc-azioni { margin-top: 22px; }

.a2 .acc-entra { width: 100%; height: 40px; font-size: 14px; }

.a2 .acc-pie {
  margin-top: 22px;
  text-align: center;
  font-size: var(--a2-fs-micro);
  color: var(--a2-t3);
}