/* Exclusive visual treatment for the affiliate sign-in experience. */
.affiliate-public-shell .affiliate-public-tag,
.affiliate-public-shell .affiliate-public-earnings {
  box-shadow: 0 12px 30px rgba(24, 175, 158, 0.11);
}

.affiliate-public-shell .affiliate-public-steps article {
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.affiliate-public-shell .affiliate-public-steps article:hover {
  transform: translateY(-4px);
  border-color: rgba(100, 240, 214, 0.42);
  background: #15304a;
}

.auth-affiliate-login {
  border-color: rgba(74, 224, 195, 0.3);
  background:
    radial-gradient(circle at 78% 18%, rgba(43, 166, 161, 0.18), transparent 30%),
    linear-gradient(128deg, #0b2332, #091827 58%, #071019);
}

.auth-affiliate-login .auth-login-intro {
  background:
    radial-gradient(circle at 12% 18%, rgba(80, 235, 206, 0.2), transparent 31%),
    linear-gradient(145deg, #0d3440, #0a1729 74%);
}

.auth-affiliate-login .auth-login-eyebrow,
.auth-affiliate-login .auth-login-panel-head > p {
  color: #76efdc;
}

.auth-affiliate-login .auth-login-features b {
  color: #7cf0dc;
  background: rgba(62, 208, 182, 0.16);
}

.auth-affiliate-login .auth-login-panel {
  background: rgba(5, 15, 25, 0.56);
}

.auth-affiliate-login .auth-login-panel button {
  background: linear-gradient(135deg, #2bb49f, #237bb4);
  box-shadow: 0 12px 30px rgba(35, 176, 157, 0.18);
}