/* Shared account and community pages during the life-RP relaunch. */
body[data-page="login"],
body[data-page="mypage"],
body[data-page="chat"],
body[data-page="contact"] {
  --red: #63dbc4;
  --red-bright: #72ead0;
  --red-dark: #276f68;
  --bg: #071116;
}

.auth-stage,
.profile-hero,
.comms-hero,
.support-hero,
[data-page="chat"] .comms-workspace,
.mobile-nav-visual {
  background:
    radial-gradient(circle at 74% 18%, rgba(103, 213, 190, .16), transparent 32%),
    radial-gradient(circle at 18% 88%, rgba(228, 186, 121, .10), transparent 37%),
    linear-gradient(125deg, #071116, #10272d 55%, #071116);
}

.auth-backdrop {
  background:
    radial-gradient(circle at 76% 44%, rgba(114, 234, 208, .12), transparent 26%),
    linear-gradient(to top, #071116, transparent 30%);
}

.auth-console {
  box-shadow: 0 36px 110px rgba(0, 0, 0, .55), 10px 10px 0 rgba(114, 234, 208, .08);
}

@media (max-width: 900px) {
  .comms-hero,
  [data-page="chat"] .comms-workspace {
    background:
      radial-gradient(circle at 80% 10%, rgba(103, 213, 190, .14), transparent 37%),
      linear-gradient(155deg, #071116, #10272d 55%, #071116);
  }
}