.login-wrap {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 28px 18px 18px !important;
  border-radius: 28px 28px 0 0 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(72, 104, 232, 0.16), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(232, 116, 178, 0.13), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 -22px 60px rgba(7, 18, 37, 0.18) !important;
  overflow: hidden !important;
  color: #06142b !important;
}

.login-wrap::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  width: 42px !important;
  height: 4px !important;
  border-radius: 99px !important;
  background: #d7dfed !important;
  transform: translateX(-50%) !important;
}

.login-wrap::after {
  content: "SEEKFORGE" !important;
  position: absolute !important;
  top: 26px !important;
  right: 20px !important;
  color: rgba(44, 89, 218, 0.16) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  pointer-events: none !important;
}

.login-wrap .head-box {
  position: relative !important;
  margin: 0 0 18px !important;
  padding: 18px 0 0 !important;
}

.login-wrap .head-box > .ss-flex {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 9px !important;
}

.login-wrap .head-title,
.login-wrap .head-title-active {
  width: auto !important;
  min-width: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.login-wrap .head-title {
  color: #071225 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.login-wrap .head-title-active {
  padding: 8px 12px !important;
  border: 1px solid rgba(75, 100, 160, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #708098 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(6, 20, 43, 0.06) !important;
}

.login-wrap .head-title-line::before {
  display: none !important;
}

.login-wrap .head-subtitle {
  display: block !important;
  max-width: none !important;
  color: #7d8aa0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

.login-wrap uni-forms,
.login-wrap .uni-forms {
  display: block !important;
}

.login-wrap uni-forms-item,
.login-wrap .uni-forms-item {
  position: relative !important;
  display: block !important;
  margin: 0 0 11px !important;
  padding: 0 !important;
}

.login-wrap .uni-forms-item__inner {
  display: block !important;
  padding: 0 !important;
}

.login-wrap .uni-forms-item__label {
  width: auto !important;
  height: auto !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #20304a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.login-wrap .uni-forms-item__label .label-text,
.login-wrap .uni-forms-item__label .label-text span {
  color: #20304a !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.login-wrap .uni-forms-item__content {
  min-height: 0 !important;
}

.login-wrap .uni-easyinput,
.login-wrap uni-easyinput {
  display: block !important;
  width: 100% !important;
}

.login-wrap .uni-easyinput__content {
  display: flex !important;
  align-items: center !important;
  min-height: 45px !important;
  padding: 0 8px 0 15px !important;
  border: 1px solid #e3eaf6 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 12px 28px rgba(28, 53, 98, 0.08) !important;
}

.login-wrap .uni-easyinput__content-input,
.login-wrap .uni-input-input,
.login-wrap input {
  color: #06142b !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.login-wrap .uni-easyinput__placeholder-class,
.login-wrap input::placeholder {
  color: #a9b3c3 !important;
  font-weight: 500 !important;
}

.login-wrap .forgot-btn {
  width: auto !important;
  min-width: 70px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #315bdc !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 32px !important;
}

.login-wrap .login-btn-start,
.login-wrap .code-btn-start {
  width: auto !important;
  min-width: 82px !important;
  height: 34px !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #1d55e8 0%, #7656df 52%, #ef80b7 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 34px !important;
  box-shadow: 0 11px 22px rgba(54, 91, 226, 0.28) !important;
}

.login-wrap .quick-login-wrapper {
  margin-top: 15px !important;
}

.login-wrap .quick-title {
  position: relative !important;
  margin: 0 0 11px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(218, 226, 241, 0.92) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(238, 244, 255, 0.95), rgba(255, 255, 255, 0.76)),
    radial-gradient(circle at 90% 0%, rgba(239, 128, 183, 0.16), transparent 32%) !important;
  box-shadow: 0 15px 34px rgba(24, 42, 78, 0.09) !important;
  text-align: left !important;
}

.login-wrap .quick-title .main-title {
  display: block !important;
  color: #071225 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.login-wrap .quick-title .sub-title {
  display: block !important;
  margin-top: 6px !important;
  color: #7a879b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.login-wrap .split-line {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px 0 !important;
}

.login-wrap .split-line .line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #dce4f2, transparent) !important;
}

.login-wrap .split-line .split-text {
  color: #9aa6b8 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.login-wrap .register-btn-full,
.login-wrap .type-btn {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #b9c7f5 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f5f8ff) !important;
  color: #2955df !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 24px rgba(41, 85, 223, 0.1) !important;
}

.login-wrap .agreement-box {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin: 14px 0 0 !important;
  padding: 10px 12px 0 !important;
}

.login-wrap .agreement-box .radio {
  align-items: flex-start !important;
}

.login-wrap .agreement-text {
  display: block !important;
  flex: 1 !important;
  color: #8792a5 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  line-height: 1.45 !important;
  word-break: normal !important;
}

.login-wrap .agreement-text .tcp-text {
  display: inline !important;
  color: #315bdc !important;
  font-weight: 850 !important;
}

.login-wrap .safe-box {
  height: 8px !important;
}

.login-wrap .authorization-btn,
.login-wrap .save-btn {
  border-radius: 16px !important;
  background: linear-gradient(135deg, #1d55e8, #7656df 55%, #ef80b7) !important;
  color: #fff !important;
}

@media (min-width: 520px) {
  .login-wrap {
    max-width: 430px !important;
    margin: 0 auto !important;
  }
}