@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap");

#main-wrapper.auth-customizer-none {
  --bs-primary: #312f4d;
  --bs-primary-rgb: 49, 47, 77;
  --bs-primary-text-emphasis: #1f1c33;
  --bs-primary-bg-subtle: #f3f1f8;
  --bs-primary-border-subtle: #e5e2ee;
  --bs-light-primary: rgba(49, 47, 77, 0.1);
  --bs-body-bg: #f8f7fb;
  --bs-body-color: #2d2d2d;
  --bs-border-color: #e5e2ee;
}

body,
#main-wrapper.auth-customizer-none,
#main-wrapper.auth-customizer-none .card,
#main-wrapper.auth-customizer-none .form-control,
#main-wrapper.auth-customizer-none .form-label,
#main-wrapper.auth-customizer-none .btn {
  font-family: "Jost", sans-serif;
}

body {
  background-color: #f8f7fb;
}

#main-wrapper.auth-customizer-none .radial-gradient {
  background:
    radial-gradient(circle at top left, rgba(49, 47, 77, 0.12), transparent 35%),
    radial-gradient(circle at bottom right, rgba(251, 186, 0, 0.10), transparent 30%),
    linear-gradient(135deg, #f8f7fb 0%, #f3f1f8 48%, #ebe7f4 100%);
}

#main-wrapper.auth-customizer-none .radial-gradient::before {
  opacity: 0.5;
  background:
    radial-gradient(circle at 20% 20%, rgba(49, 47, 77, 0.16), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(251, 186, 0, 0.09), transparent 25%);
}


#main-wrapper.auth-customizer-none .auth-card {
  max-width: 460px;
}

#main-wrapper.auth-customizer-none .card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e5e2ee;
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(49, 47, 77, 0.12);
  backdrop-filter: blur(10px);
}

#main-wrapper.auth-customizer-none .card-body {
  padding: 2rem;
}

#main-wrapper.auth-customizer-none .logo-img {
  margin-bottom: 2rem !important;
}

#main-wrapper.auth-customizer-none .logo-img img {
  display: block;
  max-width: 100%;
  height: auto;
}

#main-wrapper.auth-customizer-none .auth-logo-full {
  min-height: 96px;
}

#main-wrapper.auth-customizer-none .auth-logo-full__image {
  width: auto;
  max-width: min(100%, 320px);
  max-height: 96px;
  object-fit: contain;
}

#main-wrapper.auth-customizer-none .form-label {
  color: #2d2d2d;
  font-weight: 600;
}

#main-wrapper.auth-customizer-none .form-control {
  background-color: #fff;
  border-color: #e5e2ee;
  color: #2d2d2d;
  border-radius: 14px;
  min-height: 48px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#main-wrapper.auth-customizer-none .form-control::placeholder {
  color: #6e6985;
}

#main-wrapper.auth-customizer-none .form-control:focus {
  border-color: #6e6985;
  box-shadow: 0 0 0 0.25rem rgba(110, 105, 133, 0.25);
}

#main-wrapper.auth-customizer-none .btn {
  border-radius: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

#main-wrapper.auth-customizer-none .btn-primary {
  background-color: #312f4d;
  border-color: #312f4d;
  color: #fff;
}

#main-wrapper.auth-customizer-none .btn-primary:hover,
#main-wrapper.auth-customizer-none .btn-primary:focus,
#main-wrapper.auth-customizer-none .btn-primary:active {
  background-color: #25223d !important;
  border-color: #25223d !important;
  color: #fff !important;
}

#main-wrapper.auth-customizer-none .btn.bg-primary-subtle.text-primary {
  background-color: rgba(251, 186, 0, 0.12) !important;
  border: 1px solid rgba(251, 186, 0, 0.32);
  color: #312f4d !important;
}

#main-wrapper.auth-customizer-none .btn.bg-primary-subtle.text-primary:hover {
  background-color: #fbba00 !important;
  border-color: #fbba00 !important;
  color: #312f4d !important;
}

#main-wrapper.auth-customizer-none .text-primary {
  color: #312f4d !important;
}

#main-wrapper.auth-customizer-none a:hover {
  color: #fbba00 !important;
}

#main-wrapper.auth-customizer-none .form-check-label,
#main-wrapper.auth-customizer-none .text-dark,
#main-wrapper.auth-customizer-none p {
  color: #6e6985 !important;
}

#main-wrapper.auth-customizer-none .form-check-input.primary {
  border-color: #c8c3d9;
}

#main-wrapper.auth-customizer-none .form-check-input.primary:checked {
  background-color: #312f4d;
  border-color: #312f4d;
}

#main-wrapper.auth-customizer-none .alert {
  border: 0;
  border-radius: 16px;
}

#main-wrapper.auth-customizer-none .alert-success {
  background-color: #f3f1f8;
  color: #312f4d;
}

#main-wrapper.auth-customizer-none .preloader {
  background: #f8f7fb;
}

@media (max-width: 575.98px) {
  #main-wrapper.auth-customizer-none .card {
    border-radius: 20px;
  }

  #main-wrapper.auth-customizer-none .card-body {
    padding: 1.5rem;
  }

  #main-wrapper.auth-customizer-none .auth-logo-full {
    min-height: 76px;
  }

  #main-wrapper.auth-customizer-none .auth-logo-full__image {
    max-width: min(100%, 260px);
    max-height: 76px;
  }
}