n: var(--transition-smooth);
        transform: translateX(-50%);
      }

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

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

      .hero-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(
            circle at 30% 20%,
            