.login {
  height: auto;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

.login__cover {
  position: relative;
  flex: 1;
  width: 100%;
  margin: 0 auto;
  background: url('../../images/login-bg.webp') no-repeat center;
  background-size: cover;
}

.login__cover::before {
  content: '';
  position: absolute;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.00) 0%, #181818 84.14%);
  width: 100%;
  height: 33%;
  max-height: 11rem;
  bottom: 0;
}

.login__content {
  position: relative;
  overflow: visible;
  background: #1E1E1E;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 1.5rem;
  z-index: 4;
}

.login__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: linear-gradient(180deg, #1D1D1D 0.11%, #343434 99.89%);
  z-index: -1;
}

.login__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -8.7rem;
  margin-bottom: 3rem;
}

.login__tagline {
  color: white;
  margin-top: -0.625rem;
}

.login__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 3.5rem;
}

.login__company {
  width: 100%;
  text-align: center;
  color: var(--neutral-50);
}