
body { font-family: 'Segoe UI', sans-serif; margin: 0; background: #f4f4f4; color: #333; }
header { background: #0a3d62; padding: 1em; color: white; display: flex; justify-content: space-between; align-items: center; }
.logo { height: 50px; }
nav ul { list-style: none; display: flex; gap: 15px; padding: 0; }
nav a { color: white; text-decoration: none; }
.hero { background: linear-gradient(to right, #1e3799, #4a69bd); color: white; padding: 3em 1em; text-align: center; }
section { padding: 2em; }
footer { text-align: center; background: #0a3d62; color: white; padding: 1em 0; }
