body { font-family: -apple-system, "Helvetica Neue", Arial, sans-serif; margin: 0; background: #f5f7fa; color: #222; }
header { background: #1f3a5f; color: #fff; padding: 16px 32px; }
header h1 { margin: 0 0 8px; }
nav a { color: #cbd8ea; margin-right: 16px; text-decoration: none; }
nav a:hover { color: #fff; }
main { max-width: 800px; margin: 32px auto; padding: 24px; background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.hero { padding: 32px 0; text-align: center; }
footer { text-align: center; color: #888; padding: 16px; font-size: 12px; }