.login {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: max(var(--e-5), env(safe-area-inset-top)) max(var(--e-4), env(safe-area-inset-right)) max(var(--e-5), env(safe-area-inset-bottom)) max(var(--e-4), env(safe-area-inset-left));
}

.login__folha {
  width: 100%;
  max-width: 400px;
  display: grid;
  justify-items: center;
  gap: var(--e-5);
  text-align: center;
}

@media (min-width: 768px) {
  .login__folha {
    padding: var(--e-7) var(--e-6);
    border-radius: var(--raio-folha);
    background: var(--superficie);
    box-shadow: var(--sombra-folha);
  }
}

.login__marca {
  display: grid;
  justify-items: center;
  gap: var(--e-2);
}
.login__nome {
  font-weight: 600;
  font-size: var(--t-20);
  letter-spacing: -0.01em;
}

.login__titulo { font-size: clamp(var(--t-25), 3vw + 1rem, var(--t-31)); }
.login__titulo:focus { outline: none; }

.login__form {
  width: 100%;
  display: grid;
  gap: var(--e-4);
  text-align: left;
}
.login__form .botao { margin-top: var(--e-2); }