/* Approved registration artwork: full-height scene with live, translated copy. */
body.sc-auth.sc-network[data-net-page=register] .pp-head.reg-cinematic {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 620px;
  background: #11181d;
}
body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .reg-artwork {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 28%;
  mask-image: none;
  -webkit-mask-image: none;
  pointer-events: none;
}
body.sc-auth.sc-network[data-net-page=register] .pp-head.reg-cinematic::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(0deg, #060b10c7 0%, #060b106b 24%, transparent 53%),
    linear-gradient(90deg, #060b1026, transparent 60%);
  pointer-events: none;
}
body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .reg-brand {
  z-index: 2;
  color: #f1f5f7;
  text-shadow: 0 1px 8px #000c;
}
body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .reg-welcome {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 320px;
}
body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .pp-head__title {
  color: #f4f7f8;
  text-shadow: 0 2px 14px #0009;
}
body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .pp-head__sub {
  max-width: 37ch;
  color: #e0e8ec;
  text-shadow: 0 1px 8px #000c;
}
@media (max-width: 820px) {
  body.sc-auth.sc-network[data-net-page=register] .pp-head.reg-cinematic {
    width: 100%;
    min-height: 360px;
    max-height: 480px;
    aspect-ratio: 4 / 5;
  }
  body.sc-auth.sc-network[data-net-page=register] .reg-cinematic .reg-welcome { padding-top: 0; }
  body.sc-auth.sc-network[data-net-page=register] .pp-head.reg-cinematic::after {
    background: linear-gradient(0deg, #060b10e0 0%, #060b108c 30%, transparent 65%);
  }
}