/* --- Style général épuré & modernisé --- */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background-color: #0d1117 !important;
}

/* --- Cartes des services (Glassmorphism) --- */
.service-card {
  background: rgba(22, 27, 34, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.25s ease !important;
}

/* --- Effet au survol des cartes --- */
.service-card:hover {
  transform: translateY(-4px) scale(1.01) !important;
  border-color: rgba(99, 102, 241, 0.5) !important; /* Lueur violette/bleue douce */
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 
              0 0 15px 0 rgba(99, 102, 241, 0.25) !important;
}

/* --- Icônes des services --- */
.service-card img, .service-card svg {
  transition: transform 0.3s ease !important;
}

.service-card:hover img, .service-card:hover svg {
  transform: scale(1.1) rotate(2deg) !important;
}

/* --- Titres des catégories --- */
.category-title {
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  color: #8b949e !important;
  margin-bottom: 0.75rem !important;
}

/* --- Masquer la scrollbar tout en gardant le défilement --- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}