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

.yc-login-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 112px !important;
  padding: 14px 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;
  object-fit: contain !important;
  flex: 0 1 auto !important;
}

.yc-login-team-logo {
  height: 60px !important;
  max-height: 60px !important;
  max-width: min(36vw, 260px) !important;
}

.yc-login-academy-logo {
  height: 74px !important;
  max-height: 74px !important;
  max-width: min(42vw, 365px) !important;
}

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

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

  .yc-login-team-logo {
    height: 54px !important;
    max-height: 54px !important;
    max-width: min(36vw, 235px) !important;
  }

  .yc-login-academy-logo {
    height: 66px !important;
    max-height: 66px !important;
    max-width: min(42vw, 325px) !important;
  }
}

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

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

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

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