:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0;
  background: #0a0e18; color: #dce6f5;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 80px; }
h1 { font-size: 2rem; color: #ffb547; margin: 0 0 8px; letter-spacing: -0.01em; }
h2 { font-size: 1.15rem; color: #4fd6ff; margin: 40px 0 10px; }
.sub { color: #7c8ba6; margin: 0 0 40px; font-size: 1.05rem; }
a { color: #4fd6ff; }
p, li { color: #c4d0e2; }
code { background: #141c2e; padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
nav { border-bottom: 1px solid #2b3a58; padding-bottom: 14px; margin-bottom: 36px; }
nav a { margin-right: 20px; text-decoration: none; font-weight: 500; }
footer { margin-top: 64px; padding-top: 20px; border-top: 1px solid #2b3a58; color: #4a5670; font-size: 0.88rem; }
.card { background: #141c2e; border: 1px solid #2b3a58; border-radius: 12px; padding: 18px 22px; margin: 14px 0; }