body {
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
background-color: #f9f9f9;
}

a {
color: #004080;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}

/* Header */
header {
background-color: #004080;
color: white;
padding: 20px 0;
}

.header-container {
display: flex;
align-items: center;
gap: 20px;
}

.logo {
height: 60px;
width: auto;
}

/* Hero section */
.hero {
text-align: center;
margin-top: 50px;
}

.hero h2 {
font-size: 2em;
color: #004080;
}

.hero p {
font-size: 1.2em;
margin-top: 10px;
}

/* Footer */
footer {
background-color: #eee;
text-align: center;
padding: 15px 0;
margin-top: 50px;
font-size: 0.95em;
}

.footer-container p {
margin: 5px 0;
}