body { margin:0; font-family: Arial, sans-serif; background:#f9f9f9; color:#333; }
.navbar { display:flex; justify-content:space-between; padding:20px; background:#0056b3; color:white; }
.nav-links { list-style:none; display:flex; gap:15px; }
.nav-links a { color:white; text-decoration:none; }
.hero { padding:80px 20px; text-align:center; background:#0099ff; color:white; }
.section { padding:40px; text-align:center; }
.card-grid { display:flex; gap:20px; justify-content:center; flex-wrap:wrap;}
.card { background:white; padding:20px; border-radius:8px; width:250px; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
footer { text-align:center; padding:20px; background:#eee; margin-top:40px;}