a{
color:#2563eb;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

.app-banner{

margin:60px auto;
max-width:1100px;
padding:50px;
border-radius:14px;

background: linear-gradient(
-45deg,
#ff6b6b,
#6c5ce7,
#00d2ff,
#ff9f43
);

background-size: 400% 400%;

animation: gradientMove 8s ease infinite;

color:white;

}

.app-banner-content{

display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;

}

.app-text h2{

font-size:30px;
margin-bottom:10px;

}
.app-banner{
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.app-banner-content{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 50px 40px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(-45deg, #ff6b6b, #6c5ce7, #00d2ff, #ff9f43);
  background-size: 400% 400%;
  animation: gradientMove 8s ease infinite;
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.app-text{
  max-width: 800px;
  margin: 0 auto;
}

.app-text h2{
  font-size: 34px;
  margin-bottom: 14px;
  line-height: 1.2;
}

.app-text p{
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 24px;
}

.install-btn{
  display: inline-block;
  background: #fff;
  color: #111;
  padding: 14px 26px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.install-btn:hover{
  transform: translateY(-2px);
  opacity: 0.95;
}

@keyframes gradientMove{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

@media (max-width: 768px){
  .app-banner{
    padding: 0 15px;
  }

  .app-banner-content{
    padding: 35px 20px;
  }

  .app-text h2{
    font-size: 26px;
  }

  .app-text p{
    font-size: 16px;
  }
}