body{

font-family: Arial, sans-serif;
background:#f8fafc;
margin:40px;
color:#0f172a;

}

header{

text-align:center;
margin-bottom:40px;

}

h1{

color:#1e3a8a;
font-size:42px;

}

h2{

color:#2563eb;
margin-bottom:20px;

}

.section-card{

background:white;
padding:25px;
margin-bottom:30px;
border-radius:14px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);

}

.app-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;

}

.app-card{

background:#f1f5f9;
padding:20px;
border-radius:12px;

}

a{

display:inline-block;
margin-top:10px;
padding:10px 18px;
background:#2563eb;
color:white;
text-decoration:none;
border-radius:8px;

}

a:hover{

background:#1d4ed8;

}

footer{

text-align:center;
margin-top:40px;
color:gray;

}