@media (max-width: 992px) {
  /* Passer en une seule colonne, visuel au-dessus, formulaire en dessous */
  .login-pf-page,
  .login-main,
  #page {
    display: block !important;
  }

  /* #kc-form,
  #kc-content,
  #kc-content-wrapper, */
  .login-main .pf-c-card,
  .login-pf-page .card-pf {
    min-height: auto;
    padding: 28px 20px 36px;
  }

  .kc-title,
  #kc-content h1,
  .login-main h1 {
    font-size: clamp(22px, 6vw, 32px);
    text-align: left;
  }

  .kc-bottom-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
  }

  /* Logo en haut à droite -> en haut à droite mais plus petit */
  .login-main::after,
  .login-pf-page::after,
  #page::after {
    top: 16px;
    right: 16px;
    width: 128px;
    height: 40px;
  }

  .email-already-verified-page #kc-page-title {
    font-size: clamp(32px, 8vw, 46px);
    margin-bottom: 24px;
    text-align: center;
  }

  #email-already-verified .instruction {
    font-size: 18px;
    margin-bottom: 32px;
  }

  #kc-content .email-verified-redirect {
    border-radius: 14px;
    font-size: 18px;
    min-height: 58px;
    max-width: 454px;
    width: 100%;
  }
}

@media (max-width: 520px) {
  input[type="text"],
  input[type="email"],
  input[type="password"] {
    height: 50px;
    font-size: 16px;
  }

  #kc-login,
  input[type="submit"] {
    height: 52px;
    font-size: 17px;
    border-radius: 12px;
  }
}