@media screen and (max-width: 110rem) {
}
@media screen and (max-width: 86rem) {
}

@media screen and (max-width: 72rem) {
}

/* ── 1920×1080 ── */
@media screen and (min-width: 120rem) {
  #login {
    margin-top: 14vh;
  }
  .form {
    max-width: 900px;
    padding: 32px;
  }
  .title {
    font-size: 5.6rem;
  }
  #register .title {
    font-size: 4.8rem;
  }
  .subtitle {
    font-size: 2.2rem;
  }
  .input-container {
    height: 64px;
  }
  .input {
    font-size: 20px;
    padding: 18px 22px;
  }
  .submit {
    font-size: 2.6rem;
    height: 64px;
  }
  .anchor-container {
    font-size: 1.8rem;
  }
}

/* ── 2560×1440 ── */
@media screen and (min-width: 160rem) {
  #login {
    margin-top: 16vh;
  }
  .form {
    max-width: 1200px;
    padding: 48px;
  }
  .title {
    font-size: 8rem;
  }
  #register .title {
    font-size: 6.4rem;
  }
  .subtitle {
    font-size: 3rem;
  }
  .input-container {
    height: 84px;
  }
  .input {
    font-size: 26px;
    padding: 24px 28px;
  }
  .submit {
    font-size: 3.4rem;
    height: 84px;
  }
  .anchor-container {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 38.4rem) {
  html {
    font-size: 50%;
  }
  .title {
    font-size: 5.6rem;
    font-size: 42px;
    white-space: nowrap;
  }
  .subtitle {
    font-size: 16px;
    white-space: pre-line;
  }
  .submit {
    font-size: 2.2rem;
  }
  .social-container:has(.social-input) {
    max-width: 350px;
    margin: 0 auto;
  }
  #login {
    margin-top: 12vh;
  }
  .iLabel {
    font-size: 1.8rem;
  }
  .ic2 {
    margin-bottom: 8px;
  }
  .anchor-container {
    font-size: 1.8rem;
  }
  .code-input-container {
    gap: 4px;
  }
  .code-input {
    width: 20px;
    height: 20px;
    font-size: 1.2rem;
  }
  html[lang="he-IL"] .register-title,
  html[lang="he"] .register-title {
    font-size: 4.8rem;
  }
}