/* The site's design. Starter styles only — replace with the real design. */
body { margin: 0; font: 17px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1b2330; }
.site-header, .site-footer { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; background: #0f1b33; color: #fff; }
.site-header a, .site-footer a { color: #fff; text-decoration: none; margin-left: 16px; }
.site-name { font-weight: 700; margin-left: 0 !important; }
.hero { padding: 96px 24px; text-align: center; background: #f4f6fa; }
.example-section { max-width: 960px; margin: 0 auto; padding: 64px 24px; }
.btn { display: inline-block; padding: 14px 26px; border-radius: 999px; text-decoration: none; font-weight: 700; }
.btn-primary { background: #1f6feb; color: #fff; } .btn-outline { border: 2px solid #1f6feb; color: #1f6feb; }