* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      body {
          font-family: 'Arial', sans-serif;
          background: linear-gradient(180deg, #7669D8 0%, #7B0390 100%);
          min-height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .container {
          display: flex;
          width: 100%;
          min-height: 100vh;
          align-items: center;
          justify-content: center;
      }

      .left-section {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 2rem;
          text-align: center;
      }

      .right-section {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 2rem;
          background: #fff;
          height: 100vh;
          border-radius: 20px 0px 0px 20px;
      }

      h1 {
          color: white;
          font-size: 3rem;
          font-weight: 300;
          margin-bottom: 2rem;
          text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      }

      .download-text {
          color: white;
          font-size: 1.2rem;
          margin-bottom: 2rem;
          opacity: 0.9;
      }

      .download-buttons {
          display: flex;
          gap: 1rem;
          flex-wrap: wrap;
          justify-content: center;
      }

      .download-btn {
          display: inline-block;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
          border-radius: 10px;
          overflow: hidden;
      }

      .download-btn:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
      }

      .download-btn img {
          height: 60px;
          width: auto;
          display: block;
      }


      .circle-img {
          width: 500px;
          height: 500px;
          background-color: #7A29AB14;
          padding: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
      }

      .circle-img .app-image {
          max-width: 100%;
          height: auto;
      }


      /* Responsive Design */

      @media (max-width: 992px) {
          .container {
              flex-direction: column;
              max-width: 100%;
          }

          .circle-img {
              width: 350px;
              height: 350px;
          }
      }

      @media (max-width: 768px) {
          .left-section {
              order: 2;
              padding: 1.5rem;
          }

          .right-section {
              order: 1;
              border-radius: 0 0 20px 20px !important;
              padding: 1.5rem;
          }

          h1 {
              font-size: 2.5rem;
              margin-bottom: 1.5rem;
          }

          .download-text {
              font-size: 1rem;
              margin-bottom: 1.5rem;
          }

          .download-buttons {
              gap: 0.8rem;
          }

          .download-btn img {
              height: 50px;
          }

          .circle-img {
              width: 250px;
              height: 250px;
          }
      }

      @media (max-width: 480px) {

          .left-section,
          .right-section {
              padding: 1rem;
          }

          h1 {
              font-size: 2rem;
          }

          .download-text {
              font-size: 0.9rem;
          }

          .download-buttons {
              flex-direction: column;
              align-items: center;
          }

          .download-btn img {
              height: 45px;
          }
      }

      @media (min-width: 1200px) {
          .container {
              height: 100vh;
          }

          h1 {
              font-size: 3.5rem;
          }

          .download-text {
              font-size: 1.3rem;
          }

          .download-btn img {
              height: 70px;
          }
      }