/* Meny Rouz login artwork: scoped to the login page only. */
.vr-login-page:before {
  background:
    linear-gradient(
      180deg,
      #030309 0%,
      rgba(3, 3, 9, .78) 7%,
      rgba(3, 3, 9, .18) 24%,
      rgba(3, 3, 9, .16) 68%,
      rgba(3, 3, 9, .82) 88%,
      #030309 100%
    ),
    linear-gradient(
      90deg,
      rgba(3, 3, 9, .32) 0%,
      rgba(3, 3, 9, .12) 37%,
      rgba(3, 3, 9, .48) 70%,
      rgba(3, 3, 9, .92) 100%
    ),
    url("/static/images/meny_rouz_login_20260926.jpeg") center top / cover no-repeat;
  filter: saturate(.88) contrast(1.05);
}

.vr-login-page .vr-stage-copy {
  text-shadow: 0 4px 30px rgba(0, 0, 0, .86);
}

.vr-login-page .vr-manifesto {
  padding: 13px 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(3, 3, 9, .44);
  backdrop-filter: blur(8px);
}

@media (max-width: 780px) {
  .vr-login-page {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .vr-login-page:before {
    background:
      linear-gradient(
        180deg,
        #030309 0%,
        rgba(3, 3, 9, .62) 7%,
        rgba(3, 3, 9, .2) 19%,
        rgba(3, 3, 9, .2) calc(100vw - 90px),
        rgba(3, 3, 9, .9) calc(100vw - 15px),
        #030309 calc(100vw + 12px),
        #030309 100%
      ),
      linear-gradient(90deg, rgba(3, 3, 9, .28), rgba(3, 3, 9, .18)),
      url("/static/images/meny_rouz_login_20260926.jpeg") center top / 100% auto no-repeat,
      #030309;
  }

  .vr-login-page .vr-login-shell,
  .vr-login-page .vr-login-stage {
    min-width: 0;
    max-width: 100%;
  }

  .vr-login-page .vr-signal-scene,
  .vr-login-page .vr-login-wave {
    left: 0;
    right: 0;
  }
}