body { margin: 0; font-family: system-ui, sans-serif; background:#0b0d12; color:#fff; }
.container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
.nav { background:#111; padding:12px 0; }
.nav__row { display:flex; justify-content:space-between; align-items:center; }
.nav__links a { color:#fff; margin-left:16px; text-decoration:none; }
.hero { padding:60px 0; text-align:center; }
.btn { padding:10px 16px; border-radius:8px; text-decoration:none; }
.btn--primary { background:#6ee7f9; color:#111; }
.footer { background:#111; padding:20px 0; text-align:center; }
.logo { display:flex; align-items:center; font-weight:700; }
.logo__mark { margin-right:6px; }