.logo-container2 { 
    width: 400px; 
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }

  .logo-container2:hover { transform: scale(1.05); }

  .neon-logo { width: 100%; height: 100%; position: relative; left: -6%; }

  /* Combined styling for the single set of paths */
  .logo-paths path {
    fill: #000;
    stroke: #000;
    stroke-width: 4;
    stroke-dasharray: 4000;
    stroke-dashoffset: 4000;
    /* Apply both animations to the same element */
    animation: 
      wirePulse 10s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95),
      fillFade 10s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }

  /* Dark mode support */
  .dark .logo-paths path {
    fill: #fff;
    stroke: #fff;
  }

  @keyframes wirePulse {
    0% { stroke-dashoffset: 4000; } 
    30%, 75% { stroke-dashoffset: 0; } 
    95%, 100% { stroke-dashoffset: -4000; }
  }

  @keyframes fillFade {
    0%, 25% { fill-opacity: 0; }
    30%, 75% { fill-opacity: 1; }
    85%, 100% { fill-opacity: 0; }
  }