.background-radial-gradient {
    background-color: hsl(319, 40%, 15%);
    background-image: radial-gradient(650px circle at 0% 0%,
        hsl(323, 41%, 35%) 15%,
        hsl(327, 41%, 30%) 35%,
        hsl(327, 41%, 20%) 75%,
        hsl(328, 40%, 19%) 80%,
        transparent 100%),
      radial-gradient(1250px circle at 100% 100%,
        hsl(327, 41%, 45%) 15%,
        hsl(327, 41%, 30%) 35%,
        hsl(327, 41%, 20%) 75%,
        hsl(328, 40%, 19%) 80%,
        transparent 100%);
  }

  #radius-shape-1 {
    height: 220px;
    width: 220px;
    top: -60px;
    left: -130px;
    background: radial-gradient(#6b0059, #ff1fff);
    overflow: hidden;
  }

  #radius-shape-2 {
    border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
    bottom: -60px;
    right: -110px;
    width: 300px;
    height: 300px;
    background: radial-gradient(#6b0059, #ff1fff);
    overflow: hidden;
  }

  #radius-shape-4 {
    border-radius: 112% 88% 113% 47% / 90% 110% 110% 47%;
    top: -180px;
    left: -1100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(#6b0059, #ff1fff);
    overflow: hidden;
  }

.outer-wrapper {
    padding-top: 15%;
}

.bg-glass {
    background-color: hsla(0, 0%, 15%, 0.9) !important;
    backdrop-filter: saturate(800%) blur(5px);
}

.btn {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.btn:hover {
    box-shadow: 0 15px 20px rgba(229, 46, 198, 0.4);
    transform: translateY(-3px);

}

.form-control {
    background:transparent!important;
    color:white!important;
    box-shadow: 0 15px 20px rgba(229, 46, 220, 0.123);
    transform: translateY(-3px);
}

.form-label {
    display: inline-block;
}

.policy {
    color: rgba(169, 169, 169, 0.438);
    font-size: 14px;
}

span {
    color: hsl(323, 81%, 75%);
}

.titel {
    color: hsl(309, 85%, 92%)
}

.text {
    color: hsl(318, 82%, 85%);
    transform: none;
}

.card {
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  border-radius: 26px;
  border: none;
}

.overview-text__col {
    z-index: 10;
}

.invalid {
  display: inline-block;
}

@media (min-width: 1024px) {
    .background-radial-gradient {
        height: 100vh;
    }

    .outer-wrapper {
        padding-top: 10%;
    }
}

@media (min-width: 1400px) {
    .background-radial-gradient {
        height: 100vh;
    }

    .outer-wrapper {
        padding-top: 8%;
    }
}