.elementor-9926 .elementor-element.elementor-element-d911bba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9926 .elementor-element.elementor-element-d911bba:not(.elementor-motion-effects-element-type-background), .elementor-9926 .elementor-element.elementor-element-d911bba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pixelino.ro/wp-content/uploads/2026/04/pixelino-mobile-page-header.webp");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-9926 .elementor-element.elementor-element-db486d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9926 .elementor-element.elementor-element-25bafc3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9926 .elementor-element.elementor-element-d7d421e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9926 .elementor-element.elementor-element-c6e4c8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-9926 .elementor-element.elementor-element-d911bba{--content-width:1920px;}.elementor-9926 .elementor-element.elementor-element-d7d421e{--width:33.3333%;}.elementor-9926 .elementor-element.elementor-element-c6e4c8d{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-d911bba */.entry-content.is-layout-constrained {
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1;

  /* Base gradient */
  background:
    linear-gradient(135deg, #03050a 0%, #0a0f18 30%, #0f1622 50%, #0a0f18 70%, #03050a 100%);

  box-shadow: inset 0 0 140px rgba(3, 5, 10, 0.75);
}

/* ── Grid overlay (smooth, subtle) — ::before ─────────────── */
.entry-content.is-layout-constrained::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);

  background-size: 60px 60px;

  /* Smooth slow drift */
  animation: grid-drift 20s linear infinite;
}

@keyframes grid-drift {
  0%   { background-position: 0px 0px; }
  100% { background-position: 60px 60px; }
}

/* ── Static radial glows + particles — ::after ────────────── */
.entry-content.is-layout-constrained::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;

  background:
    /* Static radial glows */
    radial-gradient(circle at 20% 30%, rgba(211, 27, 61, 0.08), transparent 50%),
    radial-gradient(circle at 85% 70%, rgba(255, 77, 109, 0.06), transparent 55%),
    radial-gradient(circle at 45% 85%, rgba(211, 27, 61, 0.05), transparent 60%),

    /* Particle field — 8 layers of tiled dots at different sizes/offsets */
    radial-gradient(circle, rgba(255, 77,  109, 0.60) 1.2px, transparent 1.2px)   0px   0px  / 120px 180px,
    radial-gradient(circle, rgba(211, 27,  61,  0.50) 1.0px, transparent 1.0px)  40px  60px  / 100px 200px,
    radial-gradient(circle, rgba(255, 255, 255, 0.22) 0.8px, transparent 0.8px)  80px  30px  / 140px 160px,
    radial-gradient(circle, rgba(255, 77,  109, 0.45) 1.0px, transparent 1.0px)  20px  90px  /  90px 220px,
    radial-gradient(circle, rgba(211, 27,  61,  0.40) 0.9px, transparent 0.9px)  60px  15px  / 110px 190px,
    radial-gradient(circle, rgba(255, 255, 255, 0.18) 0.8px, transparent 0.8px) 100px  50px  / 130px 170px,
    radial-gradient(circle, rgba(255, 77,  109, 0.50) 1.1px, transparent 1.1px)  10px 120px  /  95px 210px,
    radial-gradient(circle, rgba(211, 27,  61,  0.35) 0.9px, transparent 0.9px)  70px  80px  / 115px 185px;

  background-repeat: repeat;

  animation: particles-rise 12s linear infinite;
}

@keyframes particles-rise {
  0%   { background-position:
    20% 30%, 85% 70%, 45% 85%,
    0px    0px,
    40px   60px,
    80px   30px,
    20px   90px,
    60px   15px,
    100px  50px,
    10px  120px,
    70px   80px;
  }
  100% { background-position:
    20% 30%, 85% 70%, 45% 85%,
    0px   -180px,
    40px  calc(-200px + 60px),
    80px  calc(-160px + 30px),
    20px  calc(-220px + 90px),
    60px  calc(-190px + 15px),
    100px calc(-170px + 50px),
    10px  calc(-210px + 120px),
    70px  calc(-185px + 80px);
  }
}

/* ── Page content above all layers ───────────────────────── */
.entry-content.is-layout-constrained > * {
  position: relative;
  z-index: 10;
}/* End custom CSS */