.elementor-46 .elementor-element.elementor-element-f308389 > .elementor-container{min-height:150px;}.elementor-46 .elementor-element.elementor-element-f308389{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-46 .elementor-element.elementor-element-f308389 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46 .elementor-element.elementor-element-5132455.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46 .elementor-element.elementor-element-5ac0245 .elementor-button{background-color:#BB414100;}.elementor-46 .elementor-element.elementor-element-5ac0245{z-index:9999999;}.elementor-46 .elementor-element.elementor-element-484379f{padding:20px 0px 0px 0px;}/* Start custom CSS for button, class: .elementor-element-5ac0245 */.liquid-glass {
  position: fixed;       /* fixed relative to viewport */
  top: 0px;            /* starting position */
  left: 0px;
  cursor: grab;
  z-index: 9999999999999;         /* ensures it stays on top */
  width: 250px !important;
  height: 50px;
  border-radius: 36px;
  isolation: isolate;
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.liquid-glass:hover {
  transform: translate(-2px, -2px);
}

.liquid-glass:active {
  cursor: grabbing;
}

.liquid-glass::before,
.liquid-glass::after {
  pointer-events: none; /* allow mouse events to pass through pseudo-elements */
}

.glass-text {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  opacity: 1;
  transform: translate(0px, 0px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f2a41a */.liquid-glass-button {
  background-color: rgba(255, 255, 255, 0.1); /* Translucent background */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border */
  border-radius: 12px; /* Rounded corners */
  padding: 10px 20px;
  color: #fff;
  font-family: 'SF Pro Display', sans-serif; /* Apple-like font */
  font-size: 16px;
  font-weight: 600;
  backdrop-filter: blur(8px); /* Key to the glass effect */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), /* Shadow for depth */
              0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease; /* Smooth transitions for hover effects */
  cursor: pointer;
  outline: none; /* Remove default outline */
}

.liquid-glass-button:hover {
  background-color: rgba(255, 255, 255, 0.15); /* Slightly more opaque on hover */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15),
              0 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px); /* Subtle lift on hover */
}

.liquid-glass-button:active {
  transform: translateY(0); /* Return to original position on click */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08),
              0 1px 2px rgba(0, 0, 0, 0.05);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f308389 */.bg-blur-hero {
  position: relative;
  overflow: hidden;
  background-color: #1a1a2e; /* dark but lighter than pure black */
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-blur-hero::before {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(40% 40% at 20% 40%, rgba(120, 50, 255, 0.9) 0%, rgba(120, 50, 255, 0.5) 35%, rgba(120, 50, 255, 0) 70%), /* purple */
    radial-gradient(50% 50% at 75% 60%, rgba(0, 180, 255, 0.85) 0%, rgba(0, 180, 255, 0.4) 35%, rgba(0, 180, 255, 0) 70%), /* cyan */
    radial-gradient(30% 30% at 50% 25%, rgba(255, 0, 200, 0.8) 0%, rgba(255, 0, 200, 0.35) 30%, rgba(255, 0, 200, 0) 65%), /* pink */
    radial-gradient(35% 35% at 80% 20%, rgba(0, 255, 180, 0.6) 0%, rgba(0, 255, 180, 0.25) 35%, rgba(0, 255, 180, 0) 65%), /* mint cyan */
    radial-gradient(25% 25% at 30% 80%, rgba(255, 140, 0, 0.5) 0%, rgba(255, 140, 0, 0.2) 35%, rgba(255, 140, 0, 0) 65%); /* warm orange */
  
  filter: blur(80px);
  transform: scale(1.2);
  background-size: 200% 200%;
  animation: moveGradient 12s ease-in-out infinite alternate;
}

@keyframes moveGradient {
  0% {
    background-position: 0% 0%;
    transform: scale(1.1) rotate(0deg);
  }
  25% {
    background-position: 40% 60%;
    transform: scale(1.25) rotate(10deg);
  }
  50% {
    background-position: 80% 20%;
    transform: scale(1.15) rotate(-8deg);
  }
  75% {
    background-position: 30% 90%;
    transform: scale(1.2) rotate(5deg);
  }
  100% {
    background-position: 100% 100%;
    transform: scale(1.1) rotate(-5deg);
  }
}/* End custom CSS */