:root { color-scheme: dark; }
html, body { margin: 0; padding: 0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background: #0b0f14; color: #e6edf3; }
a { color: #9ecbff; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 920px; margin: 0 auto; padding: 24px; }
.card { background: #0f1722; border: 1px solid #1f2a3a; border-radius: 14px; padding: 16px; }
.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; background: #1a2636; border: 1px solid #2a3b55; color: #e6edf3; padding: 10px 14px; border-radius: 12px; cursor: pointer; }
.btn:hover { background: #22344c; }
.btn-primary { background: #2a66f5; border-color: #2a66f5; }
.btn-primary:hover { background: #1f55db; }
.small { font-size: 13px; color: #9fb0c0; }
.badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid #2a3b55; background: #0f1722; color: #c9d1d9; font-size: 12px; }
pre { white-space: pre-wrap; background: #0b1220; border: 1px solid #1f2a3a; padding: 12px; border-radius: 12px; }