body{
font-family: Arial, sans-serif;
background:#0f172a;
color:white;
margin:0;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
}

.container{
width:900px;
text-align:center;
}

h1{
margin-bottom:40px;
font-weight:300;
}

#appGrid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}

.app-card{
background:#1e293b;
padding:20px;
border-radius:12px;
text-decoration:none;
color:white;
transition:0.2s;
}

.app-card:hover{
background:#334155;
transform:translateY(-3px);
}

.app-title{
font-size:18px;
margin-bottom:5px;
}

.app-desc{
font-size:13px;
opacity:0.7;
}