.elementor-1394 .elementor-element.elementor-element-480fb35{--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-1394 .elementor-element.elementor-element-9813c46{--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-1394 .elementor-element.elementor-element-1fd9b12{--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;}/* Start custom CSS for html, class: .elementor-element-3751e78 *//* Image d'en-tête */
.tech-hero img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 2px solid #5a4b81;
}

/* Section Coming Soon */
.tech-comingsoon {
  background: radial-gradient(circle at top, #18181c 0%, #0e0e11 100%);
  text-align: center;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
}

/* Texte glitch animé */
.glitch {
  font-size: 46px;
  color: #c5a3ff;
  font-family: "Orbitron", sans-serif;
  letter-spacing: 4px;
  position: relative;
  display: inline-block;
  text-shadow: 0 0 6px #8a2be2, 0 0 20px #b388ff;
  animation: flicker 1.8s infinite alternate;
}

.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  color: #c5a3ff;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.glitch::before {
  animation: glitchTop 2s infinite linear alternate-reverse;
  color: #8a2be2;
}

.glitch::after {
  animation: glitchBottom 2s infinite linear alternate-reverse;
  color: #b388ff;
}

@keyframes glitchTop {
  0% { clip: rect(0, 900px, 0, 0); transform: translate(0); }
  20% { clip: rect(0, 900px, 30px, 0); transform: translate(-2px, -2px); }
  40% { clip: rect(0, 900px, 10px, 0); transform: translate(2px, 2px); }
  60%,100% { clip: rect(0, 900px, 0, 0); transform: translate(0); }
}

@keyframes glitchBottom {
  0% { clip: rect(0, 900px, 0, 0); transform: translate(0); }
  20% { clip: rect(50px, 900px, 80px, 0); transform: translate(2px, 2px); }
  40% { clip: rect(20px, 900px, 60px, 0); transform: translate(-2px, -2px); }
  60%,100% { clip: rect(0, 900px, 0, 0); transform: translate(0); }
}

@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: 0.4; }
}

/* Ligne "loading" */
.loading-line {
  margin-top: 20px;
  font-family: monospace;
  font-size: 18px;
  color: #aeb6c7;
  opacity: 0.8;
  animation: blink 1.4s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}/* End custom CSS */