:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #0d0f14; color: #e7e9ee; font: 16px/1.65 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
a { color: #9d8cff; }
a:hover { color: #c0b5ff; }
.wrap { max-width: 780px; margin: 0 auto; padding: 0 20px 48px; }
header.top { background: #14171e; border-radius: 12px; margin: 8px auto 0; max-width: 1040px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
header.top a.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #fff; font-weight: 800; font-size: 22px; }
header.top .badge { background: #5b3df5; color: #fff; font-size: 13px; font-weight: 700; padding: 4px 9px; border-radius: 7px; }
header.top nav { display: flex; gap: 16px; font-size: 14px; flex-wrap: wrap; }
header.top nav a { color: #d6d9e0; text-decoration: none; }
header.top nav a:hover { text-decoration: underline; }
h1 { font-size: 32px; line-height: 1.2; margin: 32px 0 8px; letter-spacing: -0.01em; }
h2 { font-size: 22px; margin: 34px 0 8px; }
h3 { font-size: 17px; margin: 22px 0 4px; }
p, li { color: #cfd3dc; }
.lead { font-size: 18px; color: #b3b8c4; margin-top: 0; }
.cta { display: inline-block; background: #5b3df5; color: #fff; text-decoration: none; font-weight: 700; padding: 11px 20px; border-radius: 8px; margin: 8px 8px 8px 0; }
.cta:hover { background: #6d52f7; color: #fff; }
.cta.alt { background: transparent; border: 1px solid #3a404d; color: #e7e9ee; }
.note { background: #14171e; border: 1px solid #2a2f3a; border-radius: 10px; padding: 12px 16px; font-size: 14px; color: #b3b8c4; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #2a2f3a; vertical-align: top; }
th { color: #fff; }
footer.bottom { max-width: 780px; margin: 24px auto 0; padding: 20px; border-top: 1px solid #2a2f3a; font-size: 13px; color: #9aa0ae; text-align: center; }
footer.bottom a { color: #b3b8c4; margin: 0 8px; }
@media (max-width: 600px) { h1 { font-size: 26px; } }