:root { color-scheme: dark; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans";
  background: #0b0f1a;
  color: #e8eefc;
}
a { color: #9cc3ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
.card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  padding: 18px;
}
h1 { margin: 0 0 10px; font-size: 34px; }
p { line-height: 1.55; }
.nav { display: flex; gap: 14px; margin: 14px 0 18px; }
.badge {
  display:inline-block; padding: 3px 10px; border-radius: 999px;
  background: rgba(156,195,255,0.12); border: 1px solid rgba(156,195,255,0.25);
  font-size: 13px;
}
.footer { opacity: .75; font-size: 13px; margin-top: 26px; }