:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f7f7f8; color: #171717; }
a { color: inherit; }
.site-header, .site-footer { padding: 18px 24px; background: #111827; color: #fff; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header nav { display: flex; gap: 14px; }
.site-main { max-width: 960px; margin: 0 auto; padding: 48px 24px; }
.hero { background: #fff; border-radius: 18px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
code { background: #eee; padding: 2px 5px; border-radius: 5px; }