.reset-page .login__accesso { min-width: 0; }

@media (max-width: 899px) {
  .reset-page .login__accesso {
    min-height: 100dvh;
    padding:
      max(var(--sp-4), env(safe-area-inset-top))
      max(var(--sp-4), env(safe-area-inset-right))
      max(var(--sp-4), env(safe-area-inset-bottom))
      max(var(--sp-4), env(safe-area-inset-left));
  }

  .reset-page .login-card { width: min(100%, 520px); }

  .reset-page .login__brand { display: none; }
}

@media (max-width: 560px) {
  .reset-page .login__accesso {
    place-items: center;
    padding:
      max(var(--sp-3), env(safe-area-inset-top))
      max(var(--sp-3), env(safe-area-inset-right))
      max(var(--sp-3), env(safe-area-inset-bottom))
      max(var(--sp-3), env(safe-area-inset-left));
  }

  .reset-page .login-card {
    padding: var(--sp-5) var(--sp-4);
    border-radius: var(--radius);
  }

  .reset-page .login-card__header {
    gap: var(--sp-1);
    margin-bottom: var(--sp-4);
  }

  .reset-page .login__title {
    font-size: clamp(1.45rem, 7vw, 1.75rem);
  }

  .reset-page .login__logo-img { height: 42px; }

  .reset-page .login__sub {
    max-width: 32ch;
    font-size: 0.8125rem;
    line-height: 1.45;
  }

  .reset-page .bp-btn {
    padding-inline: var(--sp-3);
    font-size: var(--fs-sm);
  }

  .reset-page .login__nuovo {
    margin-top: var(--sp-3);
    padding-top: var(--sp-3);
    line-height: 1.45;
  }
}