body{
margin:0;font-family:Segoe UI,Arial;background:#f0f7fa;color:#033
}
header{
background:linear-gradient(rgba(10,77,104,.7),rgba(8,131,149,.7)),
url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e') center/cover;
color:white;text-align:center;padding:100px 20px
}
nav{
background:#033;text-align:center;padding:15px
}
nav a{
color:white;margin:0 15px;text-decoration:none;font-weight:bold
}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.cards{
display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px
}
.card{
background:white;border-radius:16px;overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,.12);text-align:center
}
.card img{width:100%;height:180px;object-fit:cover}
footer{background:#033;color:white;text-align:center;padding:25px}