.elementor-kit-8{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#C4C4C4;--e-global-color-accent:#FFFFFF;--e-global-color-8a92b6a:#F24D2B;--e-global-color-7f68f00:#E34D00;--e-global-color-5144d94:#1D1C1C;--e-global-color-509bb2f:#4B4B4B;--e-global-typography-primary-font-family:"Readex Pro";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Readex Pro";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Readex Pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Readex Pro";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1640px;}.e-con{--container-max-width:1640px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1540px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1080px;}.e-con{--container-max-width:1080px;}}@media(max-width:1280px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:900px;}.e-con{--container-max-width:900px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:710px;}.e-con{--container-max-width:710px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:420px;}.e-con{--container-max-width:420px;}}@media(max-width:479px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:290px;}.e-con{--container-max-width:290px;}}/* Start custom CSS */:root{
  --dp-bg: #07080b;
  --dp-text: #F3F4F6;

  /* бренд-свечения */
  --dp-violet: 108,56,255;
  --dp-orange: 255,107,0;
  --dp-magenta: 255,46,99;
}

html, body{
  margin:0;
  padding:0;
  background: var(--dp-bg);
  color: var(--dp-text);
}

body{
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;


  background:
    radial-gradient(900px 520px at 50% 0%, rgba(var(--dp-violet), .40), transparent 62%),
    radial-gradient(900px 520px at 78% 6%, rgba(var(--dp-orange), .18), transparent 60%),

    radial-gradient(1000px 900px at 18% 18%, rgba(var(--dp-violet), .32), transparent 62%),
    radial-gradient(900px 820px at 82% 14%, rgba(var(--dp-orange), .18), transparent 62%),
    radial-gradient(1100px 1000px at 50% 120%, rgba(var(--dp-violet), .24), transparent 66%),
    radial-gradient(700px 600px at 42% 56%, rgba(var(--dp-magenta), .08), transparent 62%),

    /* очень лёгкая виньетка, чтобы сайт выглядел собранно */
    radial-gradient(1200px 900px at 50% 15%, rgba(0,0,0,.10), transparent 65%),
    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,.16) 100%);


  filter: saturate(1.06) contrast(1.05);
  transform: translateZ(0);
}


body::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .045;
  mix-blend-mode: overlay;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  transform: translateZ(0);
}


#page, .site, main, header, footer, .elementor{
  position: relative;
  z-index: 1;
}

/* Elementor — не перебивать фон */
.elementor-section,
.elementor-top-section,
.elementor-container,
.e-con{
  background-color: transparent !important;
}




.elementor *{
  box-sizing: border-box;
}


@media (max-width: 767px){

  /* База — чуть темнее, но не чёрная */
  html, body{
    background:#080912 !important;
  }

  body::before{
    opacity: 1 !important;

    background:
      /* TOP HERO — фиолет ослаблен, оранж добавлен */
      radial-gradient(
        900px 540px at 50% -6%,
        rgba(108,56,255,.38),
        transparent 64%
      ),
      radial-gradient(
        860px 520px at 78% 2%,
        rgba(255,107,0,.42),
        transparent 66%
      ),

      /* MID — баланс, без доминирования */
      radial-gradient(
        820px 620px at 52% 44%,
        rgba(108,56,255,.14),
        transparent 70%
      ),
      radial-gradient(
        760px 560px at 22% 58%,
        rgba(255,107,0,.18),
        transparent 72%
      ),

      /* LOW — мягкая подложка */
      radial-gradient(
        980px 820px at 50% 120%,
        rgba(108,56,255,.12),
        transparent 70%
      ),

      /* Лёгкое затемнение (НЕ давит) */
      linear-gradient(
        180deg,
        rgba(0,0,0,.10) 0%,
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,.12) 100%
      ) !important;
  }

  /* Noise почти не влияет на тон */
  body::after{
    opacity:.012 !important;
  }
}


@media (min-width: 768px){
  .dp-heavy-ready .animate,
  .dp-heavy-ready .pulse,
  .dp-heavy-ready .glow-line,
  .dp-heavy-ready .dp-anim,
  .dp-heavy-ready .dp-pulse{
    animation-play-state: running;
  }
}


@media (max-width: 767px){

  html, body{
    background:#080912 !important;
  }


  body::before{
    position: fixed !important;
    inset: 0 !important;
    opacity: 1 !important;


    filter: none !important;
    transform: translateZ(0);

    background:
      /* TOP HERO (фиолет + оранж, но без перегруза) */
      radial-gradient(900px 520px at 50% -8%, rgba(108,56,255,.34), transparent 64%),
      radial-gradient(860px 520px at 78% 2%, rgba(255,107,0,.38), transparent 66%),

      /* MID (легкий баланс) */
      radial-gradient(920px 720px at 52% 46%, rgba(108,56,255,.10), transparent 72%),

      /* общая глубина (очень мягкая) */
      linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,.12) 100%) !important;
  }

  body::after{
    opacity: 0 !important;
    background-image: none !important;
    mix-blend-mode: normal !important;
  }
}/* End custom CSS */