:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #0B0E14; color: #E8EDF7;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 48px 16px 64px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
header img { width: 96px; height: 96px; border-radius: 20px; }
h1 { margin: 0; font-size: 34px; letter-spacing: 0.02em; color: #4FD8E8; }
h2 { margin-top: 36px; font-size: 20px; }
p.lead { margin: 2px 0 0; color: #8A94A9; }
a { color: #4FD8E8; }
section { background: #151B27; border: 1px solid #242D3D; border-radius: 14px;
          padding: 4px 20px; margin: 16px 0; }
ul { padding-left: 20px; }
code { background: #0F1420; border: 1px solid #242D3D; border-radius: 6px; padding: 1px 6px; }
footer { margin-top: 40px; color: #8A94A9; font-size: 14px; }