:root {
  --main-solid: #020D2C;
  --main: #020D2C;
  --main-trans: linear-gradient(90deg, rgba(2, 13, 44, 0.6), rgba(7, 43, 141, 0.6));
  --accent: #6DB847;
  --accent-gradient: linear-gradient(125deg, #a7d491, rgba(109, 184, 71, 0.6));
  --accent-gradient-trans: linear-gradient(125deg, #a7d491, rgba(109, 184, 71, 0.6));
  --secondary: #efefef;
  --secondary-gradient: linear-gradient(125deg, #efefef, #bdbdbd);
  --secondary-gradient-trans: linear-gradient(125deg, rgba(240, 240, 240, 0.6), rgba(189, 189, 189, 0.6));
  --bg: #fff;
  --dark: #020D2C;
  --dark-gradient: linear-gradient(90deg, #020D2C, #072b8d);
  --dark-gradient-trans: linear-gradient(90deg, rgba(2, 13, 44, 0.6), rgba(7, 43, 141, 0.6));
  --defVal: 10px;
  --text-v1: #fff;
}

::-moz-selection {
  color: var(--bg);
  background: var(--secondary);
}

::selection {
  color: var(--bg);
  background: var(--secondary);
}

.c-soon-main {
  margin-top: 0;
}

.c-soon-header {
  background: transparent;
}

.c-soon-header.show {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.c-soon-header__logo {
  color: var(--bg);
}

.c-soon-hero {
  position: relative;
  overflow: hidden;
}

.c-soon-hero::before {
  background-image: unset;
}

.c-soon-hero:after {
  background: var(--dark-gradient);
}

.c-soon-hero__wrapper {
  height: 100%;
  margin-top: 0;
}

.c-soon-hero__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  color: var(--bg);
  height: 100%;
}

.c-soon-hero__header::before {
  content: attr(data-bg-text);
  position: absolute;
  color: var(--bg);
  font-size: 62px;
  font-weight: 700;
  font-family: "Poppins", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  opacity: 0.1;
  left: 40px;
  z-index: -1;
  background: var(--main);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@supports (font-size: clamp(14px, 3vw, 48px)) {
  .c-soon-hero__header::before {
    font-size: clamp(42px, 28vw, 274px);
  }
}

.c-soon-hero__caption {
  color: var(--bg);
}

.c-soon-form__form-container {
  background: var(--secondary-gradient);
  text-align: left;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}