.elementor-181 .elementor-element.elementor-element-395c7aa2{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}/* Start custom CSS for container, class: .elementor-element-395c7aa2 */:root{
  --mg-bg:#0b0f14;
  --mg-purple:#7e3ff2;
  --mg-teal:#2ee6d6;
}
html, body { background: var(--mg-bg); }

/* the gradient page wrapper (this container) */
.elementor-181 .elementor-element.elementor-element-395c7aa2{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  isolation: isolate;
}

/* paint the Web3 glow as a background layer */
.elementor-181 .elementor-element.elementor-element-395c7aa2::before{
  content:"";
  position: absolute;
  inset: -20% -10% -10% -10%;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(45% 60% at 20% 20%, rgba(126,63,242,.35), transparent 60%),
    radial-gradient(40% 55% at 80% 10%,  rgba(46,230,214,.25), transparent 60%),
    radial-gradient(55% 60% at 60% 85%, rgba(126,63,242,.30), transparent 60%),
    linear-gradient(120deg, #0b0f14 0%, #0b0f14 100%);
  filter: blur(40px) saturate(120%);
  transform: translate3d(0,0,0) scale(1.03);
  animation: mgHueFilter 14s ease-in-out infinite alternate; /* subtle breathing */
}

/* keep all your content above the glow */
.elementor-181 .elementor-element.elementor-element-395c7aa2 > *{ position: relative; z-index: 1; }

@keyframes mgHueFilter{
  0%   { filter: hue-rotate(0deg)  blur(40px) }
  100% { filter: hue-rotate(20deg) blur(46px) }
}/* End custom CSS */