.yc-login-title {
  display: none !important;
}

.yc-login-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 118px !important;
  padding: 16px 34px !important;
}

.yc-login-logos {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(34px, 5vw, 72px) !important;
  padding: 0 !important;
}

.yc-login-team-logo,
.yc-login-academy-logo {
  width: auto !important;
  height: 66px !important;
  max-height: 66px !important;
  object-fit: contain !important;
  flex: 0 1 auto !important;
}

.yc-login-team-logo {
  max-width: min(38vw, 300px) !important;
}

.yc-login-academy-logo {
  max-width: min(40vw, 330px) !important;
}

@media (max-width: 1280px) and (min-width: 981px) {
  .yc-login-hero {
    min-height: 110px !important;
    padding: 14px 28px !important;
  }

  .yc-login-logos {
    gap: clamp(26px, 4vw, 52px) !important;
  }

  .yc-login-team-logo,
  .yc-login-academy-logo {
    height: 58px !important;
    max-height: 58px !important;
  }

  .yc-login-team-logo {
    max-width: min(38vw, 265px) !important;
  }

  .yc-login-academy-logo {
    max-width: min(40vw, 295px) !important;
  }
}

@media (max-width: 980px) {
  .yc-login-hero {
    min-height: 0 !important;
    padding: 20px !important;
  }

  .yc-login-logos {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .yc-login-team-logo,
  .yc-login-academy-logo {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
  }

  .yc-login-team-logo {
    max-width: min(100%, 260px) !important;
  }

  .yc-login-academy-logo {
    max-width: min(100%, 250px) !important;
  }
}