.bg-video {
  position: absolute;
  left: 0; top: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: 0;
  opacity: 0.2;
  filter: blur(0.5px) brightness(0.93);
  pointer-events: none;
  background-color: linear-gradient(135deg, rgba(221, 46, 15, 0.48) 20%, rgba(34, 34, 34, 0.75) 60%);
}



.typewriter-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -40px;
  min-height: 6.5rem;
}

@media(max-width: 998px){
 .typewriter-bottom {
  font-size: 20px !important;
  font-weight: 800;
  margin-top: -30px;
  letter-spacing: -0.012em;
  min-height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s 1.2s forwards;
  gap: 0.2em;
}
}

@media(max-width: 998px){
 .typewriter-top {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeInUp 1s 0.6s forwards;
  text-shadow: 0 2px 8px rgba(40,40,40,0.09);
  margin-bottom: 20px;
}
}



@media(min-width: 998px){
 .typewriter-bottom {
  font-size: 45px !important;
  font-weight: 800;
  margin-top: -30px;
  letter-spacing: -0.012em;
  min-height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s 1.2s forwards;
  gap: 0.2em;
}
}


#typewriter-blue {
  color: #00e8f0; /* Bleu */
}

#typewriter-red {
  color: #06f5e9; /* Rouge */
}

@media (min-width:700px){
  .typewriter-bottom { font-size:2.7rem; min-height:2.6em;}
}
.cursor{
  color: #fff;
}






.super-search {
  width: 100%;
  max-width: 460px;
  margin: -14px auto 50px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
  position: relative;
}
.search-inner {
  display: flex;
  align-items: center;
  width: 100%;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 3px 14px 0 rgba(42,44,74,0.08);
  border: 1.2px solid #e0e5ef;
  padding: 0.21rem 0.25rem 0.21rem 0.9rem;
  position: relative;
}
.super-search input[type="text"] {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #1a2337;
  font-size: 1.13rem;
  font-family: inherit;
  padding: 0.74em 0;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.super-search input[type="text"]::placeholder {
  color: #9eaec8;
  opacity: 0.86;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-style: italic;
}
.search-btn {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 0.4em;
  padding: 0.54em 1em;
  font-size: 1.1rem;
  margin-left: 0.6em;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 3px 12px 0 rgba(33,150,243,0.08);
  transition: background 0.14s, color 0.18s;
  display: flex;
  align-items: center;
}
.search-btn:hover, .search-btn:focus {
  background: #1565c0;
  color: #fff;
}
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); border: 0;
}
@media (max-width: 700px) {
  .super-search { max-width: 97vw; }
  .search-inner { padding-left: 0.5rem; }
  .search-btn { padding: 0.48em 0.8em; font-size: 1.05rem;}
}