* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; margin: 0; background: #f4f4f4; }
header { background: #002244; color: white; padding: 15px 20px; }
nav { background: #014080; display: flex; flex-wrap: wrap; padding: 10px 20px; }
nav a { color: white; text-decoration: none; margin-right: 15px; padding: 5px 10px; }
.container { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 30px auto; padding: 0 20px; gap: 20px; }
.main-content { flex: 3; background: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.sidebar { flex: 1; background: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
img { width: 100%; max-height: 400px; object-fit: cover; }
footer { text-align: center; font-size: 13px; padding: 20px; background: #eee; margin-top: 40px; }