body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f9fafb; color:#222; }
header { background:#222; color:white; padding:15px; text-align:center; }
header h1 { margin:0; font-size:28px; }
header p { margin:0; font-size:16px; color:#ddd; }
nav a { color:white; margin: 0 10px; text-decoration:none; padding:4px 8px; border-radius:4px; }
nav a:hover { color:#ffcc00; }
nav a.active { background-color: yellow; color: black; font-weight:bold; }
main { padding:20px; min-height:400px; }
footer { background:#222; color:white; text-align:center; padding:10px; margin-top:20px; }
h2 { color:#333; }
h3 { margin-top:20px; }
ul { list-style-type:none; padding-left:0; }
ul li { margin-bottom:10px; }
blockquote { background:#eee; border-left:4px solid #ccc; margin:10px 0; padding:10px; font-style:italic; }