/* Styles propres à la page index.html */
.tech-background {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 800 800"><g fill="none" stroke="%23304050" stroke-width="1"><path d="M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63" stroke-opacity="0.4"/><path d="M-31 229L237 261 390 382 731 737M639 735L789 635 769 229M553 345L520 660M-31 229L237 261 390 382 731 737" stroke-opacity="0.2"/><path d="M520 660L578 842 731 737 840 599 769 229 520 660 309 538 390 382 520 660 M520-140L578.5 42.5M578 842L731 737 840 599 769 229" stroke-opacity="0.1"/></g></svg>'),
    radial-gradient(circle, rgba(29, 42, 54, 0.9) 0%, rgba(13, 15, 20, 1) 100%);
  background-size: cover;
  background-position: center;
}
.brain-pattern {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" stroke="%235394B3" stroke-width="0.5" stroke-opacity="0.2"><path d="M25,50 Q35,35 50,50 Q65,65 75,50"/><path d="M25,60 Q35,45 50,60 Q65,75 75,60"/><path d="M25,40 Q35,25 50,40 Q65,55 75,40"/></g></svg>');
  background-size: 200px;
}
/* Ajouter les styles personnalisés pour les icônes FontAwesome */
.contact-icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(83, 148, 179, 0.2);
  border-radius: 9999px;
  color: #5394B3;
}

.service-icon {
  display: inline-flex;
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(83, 148, 179, 0.2);
  border-radius: 9999px;
  color: #5394B3;
  margin-bottom: 1.5rem;
}

.social-icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  color: #ffffff;
  transition: background-color 0.3s;
}

.social-icon:hover {
  background-color: #5394B3;
}

/* Correction pour les icônes FontAwesome sur mobile ou contenu dynamique */
[class*="fa-"] {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands';
  font-weight: 900;
}

/* Anciennement en attributs style="" dans la page */
.hero-photo { width: 480px; height: 480px; }
.dot-a { top: 10%; right: 10%; }
.dot-b { bottom: 20%; left: 5%; animation-delay: 0.5s; }
.dot-c { top: 30%; left: 10%; animation-delay: 1s; }
.dot-d { top: 20%; left: 30%; }
.dot-e { top: 60%; left: 70%; animation-delay: 1s; }
.dot-f { top: 40%; left: 50%; animation-delay: 2s; }
.dots-pattern {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff" fill-opacity="1" fill-rule="evenodd"><circle cx="3" cy="3" r="1"/><circle cx="13" cy="13" r="1"/></g></svg>');
  background-size: 20px 20px;
}