*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{

background:#f5f7fb;

}

.container{

width:95%;
max-width:600px;
margin:auto;
padding:20px;

}

.store-title{

font-size:24px;
font-weight:600;
display:flex;
align-items:center;
gap:10px;
margin-bottom:25px;

}

.store-title i{

color:#00c853;
font-size:30px;

}

.app-card{

background:#fff;
border-radius:18px;
padding:20px;
display:flex;
align-items:center;
box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.logo{

width:90px;
height:90px;
border-radius:22px;
object-fit:cover;

}

.details{

margin-left:18px;

}

.details h2{

font-size:28px;
font-weight:700;

}

.developer{

color:#666;
margin-top:5px;

}

.install{

display:inline-block;
margin-top:12px;
padding:6px 14px;
background:#e8f5e9;
color:#2e7d32;
border-radius:30px;
font-size:13px;
font-weight:600;

}
.action-buttons{

display:flex;
gap:15px;
margin-top:25px;

}

.btn{

flex:1;
padding:15px;
border-radius:15px;
text-decoration:none;
color:#fff;
font-weight:600;
text-align:center;
transition:.3s;

}

.btn i{

margin-right:8px;

}

.download{

background:#0F9D58;

}

.download:hover{

background:#0b8043;

}

.play{

background:#2962ff;

}

.play:hover{

background:#0039cb;

}

.quick-links{

display:flex;
justify-content:space-between;
margin-top:25px;

}

.quick-links a{

width:31%;
background:#fff;
padding:18px 10px;
border-radius:15px;
text-decoration:none;
color:#444;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);
transition:.3s;

}

.quick-links a:hover{

transform:translateY(-5px);

}

.quick-links i{

display:block;
font-size:28px;
margin-bottom:10px;

}

.fa-globe{

color:#1976d2;

}

.fa-instagram{

color:#e91e63;

}

.fa-youtube{

color:red;

}
.heading{

margin-top:35px;
margin-bottom:18px;
font-size:22px;
font-weight:700;

}

.info-box{

margin-top:30px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;

}

.info{

background:#fff;
padding:15px 10px;
border-radius:16px;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.info h3{

font-size:18px;

}

.info span{

font-size:13px;
color:#666;

}

.screenshots{

display:flex;
overflow-x:auto;
gap:18px;
padding-bottom:15px;
scroll-behavior:smooth;

}

.screenshots::-webkit-scrollbar{

height:8px;

}

.screenshots::-webkit-scrollbar-thumb{

background:#bbb;
border-radius:20px;

}

.screenshots img{

height:430px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.15);

}