.hero-curve {
      transform: perspective(1400px) rotateX(8deg);
      border-radius: 20px;
      overflow: hidden;
      position: relative;
    }

    .fade {
      transition: opacity 1.5s ease-in-out;
    }

    .panel-rounded {
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px;
    }

    /* FOOTER SCROLL TEXT ANIMATION */
    @keyframes slowScroll {
      0% { transform: translateX(-100%); }
      100% { transform: translateX(100%); }
    }

    .scroll-text {
      white-space: nowrap;
      display: inline-block;
      animation: slowScroll 14s linear infinite;
    }