.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#FFFFFF;}.elementor-kit-7 a:hover{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
  margin: 0;
  padding: 0;
  position: relative;
  background: linear-gradient(40deg, rgb(108, 0, 162), rgb(0, 17, 82));
  /* REMOVED: background-attachment: fixed; */
}

/* Bubble layer 1 & 2 - body pseudo-elements */
body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: hard-light;
  filter: blur(40px);
}

body::before {
  background: 
    radial-gradient(circle at 50% 50%, rgba(18, 113, 255, 0.8) 0%, transparent 50%),
    radial-gradient(circle at 30% 70%, rgba(221, 74, 255, 0.7) 0%, transparent 45%);
  background-size: 80% 80%, 70% 70%;
  background-position: center, 30% 70%;
  background-repeat: no-repeat;
  animation: bubble-vertical 30s ease-in-out infinite;
}

body::after {
  background: 
    radial-gradient(circle at 70% 30%, rgba(100, 220, 255, 0.7) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, rgba(200, 50, 50, 0.6) 0%, transparent 50%);
  background-size: 70% 70%, 80% 80%;
  background-position: 70% 30%, center;
  background-repeat: no-repeat;
  animation: bubble-rotate 40s linear infinite;
}

/* Bubble layer 3 & 4 - html pseudo-elements */
html::before,
html::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: hard-light;
  filter: blur(45px);
}

html::before {
  background: 
    radial-gradient(circle at 20% 50%, rgba(180, 180, 50, 0.8) 0%, transparent 50%);
  background-size: 120% 120%;
  background-position: 20% 50%;
  background-repeat: no-repeat;
  animation: bubble-horizontal 40s ease-in-out infinite;
}

html::after {
  background: 
    radial-gradient(circle at 80% 70%, rgba(140, 100, 255, 0.6) 0%, transparent 45%);
  background-size: 90% 90%;
  background-position: 80% 70%;
  background-repeat: no-repeat;
  animation: bubble-float 35s ease-in-out infinite reverse;
}

/* Animation keyframes */
@keyframes bubble-vertical {
  0%, 100% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
}

@keyframes bubble-horizontal {
  0%, 100% {
    transform: translateX(-5%) translateY(-3%);
  }
  50% {
    transform: translateX(5%) translateY(3%);
  }
}

@keyframes bubble-rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes bubble-float {
  0%, 100% {
    transform: translate(0%, 0%) scale(1);
  }
  33% {
    transform: translate(3%, -4%) scale(1.05);
  }
  66% {
    transform: translate(-4%, 2%) scale(0.95);
  }
}

/* Mobile optimization */
@media (max-width: 768px) {
  body::before,
  body::after,
  html::before,
  html::after {
    filter: blur(30px);
  }
  
  body::before {
    animation-duration: 40s;
  }
  
  body::after {
    animation-duration: 50s;
  }
  
  html::before {
    animation-duration: 50s;
  }
  
  html::after {
    animation-duration: 45s;
  }
}/* End custom CSS */