* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}
body { background: #f7f7f7; color: #222; line-height: 1.6; }
header { background: #111827; padding: 16px 0; }
nav { width: 90%; max-width: 1100px; margin: auto; display: flex; justify-content: space-between; align-items: center; }
nav h1 { color: #fff; font-size: 22px; }
nav ul { list-style: none; display: flex; gap: 18px; }
nav ul li a { text-decoration: none; color: #fff; font-size: 15px; padding: 6px 10px; border-radius: 6px; }
nav ul li a:hover, nav ul li a.active { background: #2563eb; }
.container { width: 90%; max-width: 1100px; margin: 30px auto; background: #fff; padding: 28px; border-radius: 14px; }
h2 { margin-bottom: 12px; font-size: 26px; }
footer { margin-top: 40px; padding: 15px; text-align: center; background: #111827; color: #fff; }