.landing-bg {
  position: fixed;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  background: url('/images/bg.jpg') center center / cover no-repeat;
  filter: blur(1px);
  z-index: 0;
}

.landing-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(15, 20, 25, 0.5);
}

.landing {
  position: relative;
  z-index: 1;
  padding-top: 30px;
}

.landing-pitch h1 {
  font-size: 42px;
  font-style: italic;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  margin-bottom: 4px;
}

.landing-pitch h1 .h1-sub {
  font-weight: normal;
  font-style: italic;
  color: #00ff84;
  text-shadow: none;
}

.landing-pitch .tagline {
  font-size: 17px;
  color: #c7d0d6;
  max-width: 480px;
  margin-bottom: 30px;
}

.landing-forms {
  display: flex;
  gap: 16px;
}

.landing-forms .box {
  flex: 1;
}

@media (max-width: 600px) {
  .landing {
    padding-top: 16px;
  }

  .landing-pitch h1 {
    font-size: 30px;
  }

  .landing-pitch .tagline {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .landing-forms {
    flex-direction: column;
  }
}