/* DN_ROOM_VIDEO_BG_PATCH_V1_20260529 */

.dn-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 46%, rgba(82, 118, 255, .18), transparent 30%),
    radial-gradient(circle at 68% 52%, rgba(66, 96, 190, .16), transparent 42%),
    linear-gradient(180deg, #060918 0%, #081225 52%, #071020 100%);
}

.dn-proof::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 48%, rgba(115, 141, 255, .22), transparent 22%),
    radial-gradient(circle at 82% 38%, rgba(85, 120, 255, .13), transparent 28%),
    radial-gradient(circle at 44% 50%, rgba(0, 0, 0, .22), transparent 44%);
  opacity: .95;
}

.dn-proof::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(4, 7, 18, .38) 0%, transparent 48%, rgba(5, 9, 22, .12) 100%),
    linear-gradient(180deg, rgba(255,255,255,.025) 0%, transparent 18%, rgba(0,0,0,.18) 100%);
}

.dn-proof__visual {
  position: relative;
}

.dn-proof__visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 82%;
  height: 74%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle at center, rgba(98, 132, 255, .24), transparent 58%);
  filter: blur(44px);
  opacity: .82;
  pointer-events: none;
}

.dn-room-video-card {
  width: min(800px, 100%);
}

.dn-room-demo-video {
  border-radius: 26px;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, .30),
    0 0 0 1px rgba(255,255,255,.035);
}

@media (max-width: 900px) {
  .dn-proof {
    background:
      radial-gradient(circle at 50% 62%, rgba(82, 118, 255, .16), transparent 34%),
      linear-gradient(180deg, #060918 0%, #081225 58%, #071020 100%);
  }

  .dn-proof__visual::before {
    width: 100%;
    height: 58%;
    filter: blur(34px);
  }
}