ght);
        transform: translateY(-2px);
      }

      .nav-links a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background: var(--gradient-primary);
        transition: var(--transition-smooth);
        transform: translateX(-50%);
      }

      .nav-links a:hover::after {
        width: 80%;
      }

      /* Hero Section */
      .hero-section {
        padding: 6rem 2rem 4rem;
        text-align: center