.login-visual {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 30% 28%, rgba(24, 200, 255, .45), transparent 18%),
              radial-gradient(circle at 65% 45%, rgba(39, 87, 255, .45), transparent 24%),
              linear-gradient(135deg, #06111f, #0c3054 55%, #071523);
}
.login-copy { position: relative; z-index: 1; }
.hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 82% 35%, rgba(24, 200, 255, .36), transparent 17%),
              radial-gradient(circle at 68% 55%, rgba(8, 123, 241, .35), transparent 25%),
              linear-gradient(112deg, #06111f 8%, #0a2744 60%, #071523);
}
.hero::after {
  content: "ARCAST PLAY";
  position: absolute;
  right: -.04em;
  top: .05em;
  font-size: clamp(5rem, 14vw, 15rem);
  font-weight: 950;
  letter-spacing: -.06em;
  color: rgba(255, 255, 255, .035);
  white-space: nowrap;
}
.hero-copy { position: relative; z-index: 1; }
.hero-actions .primary { width: auto; padding: .95rem 1.3rem; }