@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Roboto", sans-serif;
 }

 body,
 html {
     height: 100%;
     overflow: hidden;
     font-family: "Roboto", sans-serif;
 }

 .main-container {
     height: 100vh;
     display: flex;
 }

 .left-section {
     background: #39036B;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 2rem;
     color: white;
 }

 .right-section {
     background: linear-gradient(to bottom, #1a1a1a 0%, #000000 100%);
     position: relative;
     overflow: hidden;
 }

 .right-section img {
     width: auto;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .coming-soon-text {
     font-size: 65px;
     font-weight: 500;
     margin-bottom: 120px;
     text-align: center;
 }

 .download-text {
     font-size: 32px;
     font-weight: 500;
     margin-bottom: 20px;
     text-align: center;
 }

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

 .store-btn img {
     width: 215px;
 }

 @media (max-width: 992px) {
     .main-container {
         flex-direction: column;
         height: auto;
     }

     .right-section img {
         width: 100%;
     }

     .left-section,
     .right-section {
         flex: 1;
         min-height: 50vh;
     }

     .coming-soon-text {
         font-size: 44px;
         margin-bottom: 50px;
     }

     .download-text {
         font-size: 24px;
     }

     .store-btn img {
         width: 180px;
     }

     .store-buttons {
         align-items: center;
     }
 }

 @media (max-width: 767px) {
     .left-section {
         padding: 1rem;
     }
 }