/* core/static/core/assets/css/vpn_nav.css) */
/* General transition for smooth visual updates */
#login_now, #signup_now {
  transition: all 0.25s ease-in-out;
}

/* Onboarding desktop */
.onboarding-desktop #login_now {
  background: linear-gradient(90deg, #e93cac, #f49788);
  font-weight: 600;
  color: #fff;
  border: 1px solid #f49788;
}

.onboarding-desktop #signup_now {
  color: #fff !important;
}

.onboarding-desktop #signup_now:hover {
  background: transparent !important;
  border: transparent !important;
}

/* Onboarding mobile */
.onboarding-mobile #login_now {
  color: #fff !important;
  border: none;
  font-weight: normal;
}

.onboarding-mobile #signup_now {
  color: #fff !important;
}

/* Standard (non-onboarding) desktop */
.standard-desktop #login_now {
  background: #506efe;
  color: #fff;
  border: 2px solid #506efe;
  font-weight: 500;
}

.standard-desktop #signup_now {
  color: black;
}

/* Standard (non-onboarding) mobile */
.standard-mobile #login_now,
.standard-mobile #signup_now {
  color: black;
  border: none;
  font-weight: normal;
}

/* Onboarding background for main section */
.onboarding-bg {
  background-color: #30065a;
}