.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-70cb3e0:#15151566;--e-global-color-39c0c92:#504CFF;--e-global-color-70ad495:#480090;--e-global-color-3d48cb8:#020103;--e-global-color-74b5701:#040404;--e-global-color-ce9cfd4:#878787;--e-global-color-801df1b:#151515;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#020103;font-family:"Manrope", Sans-serif;--e-preloader-animation:eicon-spin;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-70ad495 );--e-preloader-size:55px;}.elementor-kit-4 e-page-transition{background-color:var( --e-global-color-3d48cb8 );}.elementor-kit-4 a{font-family:"Manrope", Sans-serif;}.elementor-kit-4 h1{font-family:"Manrope", Sans-serif;font-size:96px;}.elementor-kit-4 h2{font-family:"Manrope", Sans-serif;font-size:68px;font-weight:300;}.elementor-kit-4 h3{font-family:"Manrope", Sans-serif;font-size:24px;}.elementor-kit-4 h4{font-family:"Manrope", Sans-serif;}.elementor-kit-4 h5{font-family:"Manrope", Sans-serif;}.elementor-kit-4 h6{font-family:"Manrope", Sans-serif;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:"Manrope", Sans-serif;}.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;}.elementor-kit-4{--e-page-transition-entrance-animation:e-page-transition-slide-out-right;--e-page-transition-exit-animation:e-page-transition-slide-in-left;--e-preloader-size:30px;}}@media(max-width:480px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.gradient-border {
    position: relative !important;
    border-radius: 30px !important;
}
.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(150deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 24.2%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    pointer-events: none;
}
.gradient-border-left-blue {
    position: relative !important;
    border-radius: 30px !important;
}
.gradient-border-left-blue::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(40deg, #3AC3FE 0%, rgba(255, 255, 255, 0) 24.2%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    pointer-events: none;
}
.gradient-border-left-blue-bottom {
    position: relative !important;
    border-radius: 30px !important;
}
.gradient-border-left-blue-bottom::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(40deg, #3AC3FE 0%, rgba(255, 255, 255, 0) 24.2%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    pointer-events: none;
}

.gradient-border-right-blue-up{
    position: relative !important;
    border-radius: 30px !important;
}
.gradient-border-right-blue-up::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(210deg, #3AC3FE 17.2%, rgba(255, 255, 255, 0) 24.2%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    pointer-events: none;
}


.gradient-button-colored {
    position: relative !important;
    border: none !important;
    background: transparent !important;
}
.gradient-button-colored::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 2px;
    background: linear-gradient(45deg, #504CFF, #480050);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    z-index: -1;
}

.gradient-text {
  background: linear-gradient(90deg, #3AC3FE, #FFFFFF, #BC42FE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.gradient-text-purple-blue {
  background: linear-gradient(90deg,#BC42FE, #FFFFFF, #3AC3FE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-circle {
  --border-width: 2px; 

  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #0a0a0a; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
  font-weight: bold;
  z-index: 1;
}

.gradient-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: var(--border-width);
  background: linear-gradient(to right, #3AC3FE, #BC42FE);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}


.gradient-circle::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: #0a0a0a; 
  z-index: -1;
}

.grey-glass {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: #15151566; 
    position: relative;
    z-index: 1;
}

.gradient-frame {
    position: relative;
    border-radius: 23px;
    overflow: hidden;
}


.gradient-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; 
    border-radius: inherit;
    background: linear-gradient(to right, #3AC3FE, #BC42FE);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2; 
}


.gradient-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #040404;
    opacity: 0.28;
    border-radius: inherit;
    pointer-events: none;
    z-index: 3;
}
.outline-text-orange {
  color: transparent; 
  -webkit-text-stroke: 2px #e36c0a; 
  text-transform: uppercase; 
}
.outline-text-green {
  color: transparent; 
  -webkit-text-stroke: 2px #85C226; 
  text-transform: uppercase; 
}

.lq-glass {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-radius: 59px;
    padding: 30px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: 0;
}

/* Gradientowa ramka */
.lq-glass::before {
    content: "";
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 59px;
    padding: 2px;
    background: linear-gradient(to right, #3AC3FE, #BC42FE);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

/* Efekt hover */
.lq-glass:hover {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

/* 📱 Urządzenia mobilne (do 600px) */
@media (max-width: 600px) {
    .lq-glass {
        border-radius: 25px;
        padding: 18px;
        backdrop-filter: blur(10px) saturate(160%);
        -webkit-backdrop-filter: blur(10px) saturate(160%);
        box-shadow: 0 4px 16px rgba(0,0,0,0.1);
        font-size: 0.95rem;
    }

    .lq-glass::before {
        border-radius: 25px;
    }
}

/* 📲 Tablety pionowe (600px–900px) */
@media (min-width: 601px) and (max-width: 900px) {
    .lq-glass {
        border-radius: 40px;
        padding: 24px;
        backdrop-filter: blur(12px) saturate(170%);
        -webkit-backdrop-filter: blur(12px) saturate(170%);
        box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    }

    .lq-glass::before {
        border-radius: 40px;
    }
}

.gradient-text2 {
  background: linear-gradient(90deg, #000000 0%, #59ABE0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.bouncy-btn {
  transition: transform 0.3s ease;
}

.bouncy-btn:hover {
  animation: single-bounce 0.6s ease-out;
}

@keyframes single-bounce {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}/* End custom CSS */