/* Version 249 — readable offer, centered disclosure, compact Sign Up and Employer waitlist. */
.loginShell .subscriptionLine span b {
  padding: 8px 11px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
}

.loginShell .loginFine {
  width: 100% !important;
  margin: 7px auto 0 !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

@media (min-width: 1001px) {
  .loginShell .loginPanel .signupMode {
    display: block !important;
  }

  .loginShell .loginPanel .signupMode .authTabs {
    min-height: 54px !important;
    margin-bottom: 10px !important;
  }

  .loginShell .loginPanel .signupMode .authTabs button {
    min-height: 44px !important;
  }

  .loginShell .loginPanel .signupMode .employerEntryButton {
    min-height: 46px !important;
    margin-bottom: 10px !important;
  }

  .loginShell .loginPanel .signupMode > h2 {
    margin: 0 0 4px !important;
    font-size: clamp(25px, 1.7vw, 32px) !important;
  }

  .loginShell .loginPanel .signupMode > p {
    margin-bottom: 8px !important;
    font-size: 12px !important;
  }

  .loginShell .loginPanel .signupMode form label {
    margin-bottom: 5px !important;
    font-size: 11px !important;
  }

  .loginShell .loginPanel .signupMode form input {
    height: 40px !important;
    min-height: 40px !important;
    margin-top: 3px !important;
    padding: 7px 10px !important;
  }

  .loginShell .loginPanel .signupMode .signupPasswords {
    gap: 8px !important;
  }

  .loginShell .loginPanel .signupMode .termsCheck {
    min-height: 25px !important;
    margin: 2px 0 4px !important;
  }

  .loginShell .loginPanel .signupMode .loginButton {
    min-height: 44px !important;
    margin-top: 2px !important;
  }

  .loginShell .loginPanel .signupMode .subscriptionLine {
    min-height: 52px !important;
    margin-top: 7px !important;
    padding: 7px 9px !important;
  }
}

.employerInterestForm {
  display: grid !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 15px 0 18px !important;
  padding: 16px !important;
  border: 1px solid #c4dcd3 !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #eff8f4, #f9fff2) !important;
  text-align: left !important;
}

.employerInterestForm label {
  color: #073f38 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.employerInterestForm > p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.employerInterestForm > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

.employerInterestForm input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 13px !important;
  border: 1px solid #9eb8ae !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #073f38 !important;
  font-size: 16px !important;
}

.employerInterestForm button {
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #c7ff2b !important;
  color: #073f38 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.employerInterestForm output {
  display: block !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.employerInterestForm output.saved {
  background: #dff6e7 !important;
  color: #075132 !important;
}

.employerInterestForm output.error {
  background: #fff0ec !important;
  color: #943b2a !important;
}

@media (max-width: 560px) {
  .employerInterestForm > div {
    grid-template-columns: 1fr !important;
  }

  .employerInterestForm button {
    width: 100% !important;
  }
}