* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; }

body { background-color: #f9f9f9; color: #333; line-height: 1.6; }

header { background: #002D5A; color: white; padding: 20px 0; }
nav { display: flex; justify-content: space-around; align-items: center; width: 90%; margin: auto; }
.logo { font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; }
nav ul { display: flex; list-style: none; }
nav ul li { margin-left: 25px; }
nav ul li a { color: white; text-decoration: none; font-weight: bold; }

.hero { 
    background: #004080; 
    color: white; 
    padding: 100px 20px; 
    text-align: center; 
}
.hero h1 { font-size: 3.5rem; }

.container { padding: 60px 10%; }

.footer { background: #222; color: white; text-align: center; padding: 30px; font-size: 0.9rem; }