.public-auth-page--login {
  position: relative;
  overflow-x: hidden;
}

.public-auth-page--login::before,
.public-auth-page--login::after {
  content: "";
  position: fixed;
  inset: auto;
  width: 32rem;
  height: 32rem;
  border-radius: 999px;
  filter: blur(120px);
  pointer-events: none;
  opacity: 0.42;
  z-index: 0;
}

.public-auth-page--login::before {
  top: -8rem;
  left: -10rem;
  background: radial-gradient(circle, rgba(51, 116, 255, 0.36), rgba(51, 116, 255, 0));
}

.public-auth-page--login::after {
  right: -9rem;
  bottom: -10rem;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.26), rgba(139, 92, 246, 0));
}

.public-auth-page--login .login-wrapper {
  max-width: 460px;
}

.public-auth-page--login .login-card {
  box-shadow: 0 32px 80px rgba(3, 7, 18, 0.48);
}

.login-card__shell {
  position: relative;
  z-index: 1;
}

.login-card__eyebrow {
  margin-bottom: 0.9rem;
  color: rgba(229, 231, 235, 0.58);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.login-card__lede {
  margin: 0 0 1.25rem;
  color: rgba(229, 231, 235, 0.74);
  line-height: 1.65;
}

.login-link-list {
  display: grid;
  gap: 0.6rem;
  margin-top: 1rem;
}

.login-link-list__item {
  color: rgba(219, 234, 254, 0.88);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}

.login-link-list__item:hover {
  color: #ffffff;
}

.login-card__legal {
  margin-top: 1.15rem;
}