body { font-family: system-ui, sans-serif; margin: 0; background: #f6f7fb; color: #1f2937; }
.navbar { display: flex; gap: 24px; justify-content: center; padding: 14px 24px; background: #1d4ed8; }
.navbar a { color: #ffffff; text-decoration: none; font-weight: 600; }
.navbar a:hover { text-decoration: underline; }
header { padding: 48px 24px; text-align: center; background: #ffffff; border-bottom: 1px solid #e5e7eb; }
h1 { margin: 0 0 8px; color: #111827; }
.tagline { color: #6b7280; margin: 0; }
main { max-width: 720px; margin: 24px auto; padding: 0 16px; display: grid; gap: 16px; }
.card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; }
footer { text-align: center; color: #9ca3af; padding: 24px; font-size: 14px; }