/* Плёнка-подложка страниц личного кабинета (13 page_id, is_page([...])) — хедер + фон страницы.
   Копия живого эталона author-archive.css (карточка gradient-plyonka-lichnyj-kabinet, исправлено Intent 2026-09-15):
   .vg-hero-bg__mesh/.mesh-bg/.left-blue-beam/.soft-noise — home.css; плёнка — .vg-hero-bg::after.
   Div печатается через wp_body_open в functions.php (условие is_page([149,141,142,147,146,876,877,900,912,925,955,969,983])). */
.vg-hero-bg {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: -20;
  overflow: hidden;
  background: #FFF8DF;
}

.vg-hero-bg__mesh { position: absolute; left: 0; right: 0; top: 0; height: 52rem; opacity: .9; }

.vg-hero-bg__beam {
  position: absolute;
  left: -10rem;
  top: -7rem;
  height: 40rem;
  width: 30rem;
  transform: rotate(12deg);
  opacity: .7;
}

.vg-hero-bg__noise {
  position: absolute;
  inset: 0;
}

.mesh-bg {
  background:
    radial-gradient(circle at -4% 4%, rgba(0,148,255,.98) 0%, rgba(0,154,255,.82) 15%, transparent 34%),
    radial-gradient(circle at 11% 10%, rgba(0,45,150,.9) 0%, rgba(0,83,200,.6) 12%, transparent 28%),
    radial-gradient(circle at 30% 9%, rgba(187,235,255,.96) 0%, rgba(216,246,255,.7) 19%, transparent 39%),
    radial-gradient(circle at 55% 8%, rgba(255,239,40,.98) 0%, rgba(255,226,35,.85) 26%, transparent 48%),
    radial-gradient(circle at 80% 10%, rgba(255,158,15,.92) 0%, rgba(255,110,34,.78) 24%, transparent 46%),
    radial-gradient(circle at 104% 8%, rgba(255,24,90,.92) 0%, rgba(255,92,128,.74) 26%, transparent 49%),
    radial-gradient(circle at 92% 45%, rgba(255,137,178,.55) 0%, rgba(255,200,210,.6) 28%, transparent 54%),
    linear-gradient(180deg, rgba(255,252,231,0) 0%, rgba(255,248,223,.76) 66%, #FFF8DF 100%);
  filter: blur(18px) saturate(1.16);
  transform: scale(1.06);
}

.left-blue-beam { background: radial-gradient(ellipse at center, rgba(0,32,128,.9) 0%, rgba(0,90,210,.55) 38%, transparent 72%); filter: blur(44px); }

.soft-noise { background-image: radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px); background-size: 3px 3px; opacity: .08; mix-blend-mode: soft-light; }

.vg-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, .8);
}