


    .nx-hero-section {
      display: flex;
      min-height: 100vh;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    .nx-hero-left {
      flex: 1;
      background: #0b0b0b;
      color: #fff;
      display: flex;
      align-items: center;
      padding: 4rem 6%;
    }

    .nx-hero-content {
      max-width: 36rem;
    }

    .nx-hero-subtitle {
      font-size: 0.85rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #aaa;
      margin-bottom: 1rem;
    }

    .nx-hero-title {
      font-size: 3rem;
      line-height: 1.2;
      font-weight: 700;
      margin-bottom: 1.5rem;
    }

    .nx-hero-accent {
      color: #7ED957;
      display: block;
    }

    .nx-hero-text {
      font-size: 1rem;
      line-height: 1.7;
      color: #cfcfcf;
      margin-bottom: 2rem;
    }

    .nx-hero-btn {
      display: inline-block;
      padding: 0.9rem 2rem;
      background: #6fbf73;
      color: #fff;
      border-radius: 999px;
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 500;
      transition: all 0.3s ease;
    }

    .nx-hero-btn:hover {
      background: #5aa861;
      transform: translateY(-1px);
    }

    .nx-hero-right {
      flex: 1;
      background: url("https://i.ibb.co/1cXSn5V/index-jpg-1.png") center/cover no-repeat;
    }

    @media (max-width: 1024px) {
      .nx-hero-title {
        font-size: 2.4rem;
      }

      .nx-hero-left {
        padding: 3rem 5%;
      }
    }

    @media (max-width: 768px) {
      .nx-hero-section {
        flex-direction: column;
      }

      .nx-hero-right {
        height: 50vh;
      }

      .nx-hero-left {
        padding: 2.5rem 1.5rem;
      }

      .nx-hero-title {
        font-size: 2rem;
      }
    }
