@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            transition: background-color 0.3s, color 0.3s;
        }
        
        .gradient-text {
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            background-image: linear-gradient(45deg, #1e3a8a, #3b82f6);
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .dark .gradient-text {
            background-image: linear-gradient(45deg, #1e40af, #60a5fa);
        }
        
        .section {
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        
        .section.visible {
            opacity: 1;
        }
        
        .skill-bar {
            height: 8px;
            border-radius: 4px;
            background-color: #e5e7eb;
        }
        
        .dark .skill-bar {
            background-color: #374151;
        }
        
        .skill-progress {
            height: 100%;
            border-radius: 4px;
            background: linear-gradient(90deg, #1e3a8a, #3b82f6);
        }
/* === Logo Navbar Boosté === */
nav .logo img {
  height: 150px;    /* Base mobile */
  width: auto;
  display: block;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  nav .logo img {
    height: 70px;  /* Tablet et desktop medium */
  }
}

@media (min-width: 1024px) {
  nav .logo img {
    height: 150px; /* Grand écran = logo bien visible */
  }
}

@media (min-width: 1440px) {
  nav .logo img {
    height: 90px;  /* Très grand écran ? Encore plus large */
  }
}