.elementor-13 .elementor-element.elementor-element-9121a61{--display:flex;--min-height:544px;--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-13 .elementor-element.elementor-element-9593993{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-6da8a69 .elementor-heading-title{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-00ec09e{--display:flex;box-shadow:4px 4px 10px 0px rgba(13.251130434782556, 12.24000000000001, 244.79999999999998, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-a9f9b6f{z-index:2;}.elementor-13 .elementor-element.elementor-element-a9f9b6f .elementor-heading-title{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-b97693d{z-index:2;}.elementor-13 .elementor-element.elementor-element-232c3c7{--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-13 .elementor-element.elementor-element-8d5c4d7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-27340a5{--display:flex;--min-height:201px;--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-13 .elementor-element.elementor-element-27340a5::before, .elementor-13 .elementor-element.elementor-element-27340a5 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-27340a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-27340a5 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-27340a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-27340a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-e807713 .elementor-heading-title{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-4e3090d{--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-13 .elementor-element.elementor-element-457b300{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e26de11{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-10a28cc *//* styles.css */
body {
  margin: 0;
  padding: 0;
  background: #111;
  height: 100vh;
   overflow-x: hidden;
}

.trail {
  position: fixed;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(0, 195, 255, 0.3), rgba(0, 195, 255, 0));
  border-radius: 50%;
  pointer-events: none;
  filter: blur(30px);
  transform: translate(-50%, -50%);
  z-index: -1;
}
  @media (max-width: 768px) {
      .trail {
        display: none;
      }
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6da8a69 */.gradient-hover {
  position: relative;
  display: inline-block;
  font-size: 60px;
  font-weight: bold;
  color: white; /* білий завжди */
  z-index: 1;
}

.gradient-hover::before {
  content: attr(data-text); /* той самий текст */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #ff00cc, #00ccff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  mask-image: radial-gradient(circle 0px at 0 0, white 0%, transparent 100%);
  -webkit-mask-image: radial-gradient(circle 0px at 0 0, white 0%, transparent 100%);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;

  pointer-events: none;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ec09e */.container {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.1); /* напівпрозоре скло */
  backdrop-filter: blur(20px);         /* мутність */
  -webkit-backdrop-filter: blur(20px); /* для Safari */
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 0 40px rgba(0, 195, 255, 0.1);
}
.blur-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(0, 195, 255, 0.4), rgba(0, 195, 255, 0));
  filter: blur(120px);
  z-index: 0;
  pointer-events: none;
}
.container {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.1); /* напівпрозоре скло */
  backdrop-filter: blur(20px);         /* мутність */
  -webkit-backdrop-filter: blur(20px); /* для Safari */
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 0 40px rgba(0, 195, 255, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27340a5 */.blur-container {
  background: rgba(255, 255, 255, 0.1); /* напівпрозорий фон */
  backdrop-filter: blur(20px);          /* основний блюр */
  -webkit-backdrop-filter: blur(20px);  /* підтримка Safari */
  border-radius: 20px;
  padding: 40px;
  color: white;
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4d5038b */.floating-image {
  display: block;
  width: 300px; /* або свій розмір */
  margin: 0 auto;
  animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */