.auth-page-wrapper.ctf7-auth-page {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background-color: #171d23;
  background-image:
    radial-gradient(
      circle at 8% 12%,
      rgba(16, 158, 49, 0.2),
      transparent 30rem
    ),
    radial-gradient(
      circle at 92% 88%,
      rgba(253, 148, 50, 0.16),
      transparent 28rem
    ),
    linear-gradient(135deg, #10161c 0%, #222a31 52%, #11171d 100%);
}

.auth-page-wrapper.ctf7-auth-page > .bg-overlay {
  background-color: transparent;
  background-image: url("../images/landing/bg-pattern.png");
  background-position: center;
  background-size: cover;
  opacity: 0.1;
}

.ctf7-auth-page .auth-page-content {
  padding-bottom: 0;
}

.ctf7-auth-page .card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.38);
}

.ctf7-auth-page .auth-one-bg > .bg-overlay {
  background: linear-gradient(
    180deg,
    rgba(7, 13, 18, 0.12),
    rgba(7, 13, 18, 0.8)
  );
  opacity: 1;
}

.ctf7-signup-page .auth-page-content {
  padding-top: 0 !important;
}

.ctf7-login-page .auth-page-content {
  padding-top: 0 !important;
}

.ctf7-auth-page .social-provider-logo {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.ctf7-auth-page .github-logo {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

.ctf7-signup-form .mb-3 {
  margin-bottom: 0.65rem !important;
}

.ctf7-signup-form #id_password1_helptext {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ctf7-signup-form .signup-password-help {
  margin: -0.2rem 0 0.65rem;
  color: var(--tb-secondary-color);
  font-size: 0.75rem;
  line-height: 1.35;
}

@media (min-width: 992px) and (max-height: 800px) {
  .ctf7-signup-page {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (max-width: 991.98px) {
  .ctf7-auth-page .auth-page-content {
    padding-top: 0 !important;
  }
}