body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f8f9fa; color: #222; }
header { background: #005baa; color: #fff; padding: 20px 0; text-align: center; }
nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; }
nav ul li { margin: 0 15px; }
nav ul li a { color: #fff; text-decoration: none; font-weight: bold; }
nav ul li a:hover { text-decoration: underline; }
main { max-width: 800px; margin: 30px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.07); }
h1, h2, h3 { color: #005baa; }
footer { background: #222; color: #fff; text-align: center; padding: 15px 0; position: fixed; width: 100%; bottom: 0; }
blockquote { background: #e3f0fc; border-left: 5px solid #005baa; margin: 20px 0; padding: 15px; font-style: italic; }
.hero-slide {
    height: 90vh;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}