body { font-family: system-ui, Arial; margin: 0; background: #0b0f19; color: #e8eefc; }
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
.card { background: #121a2b; border: 1px solid #22304f; border-radius: 14px; padding: 18px; margin-bottom: 14px; }
h1,h2 { margin: 0 0 12px 0; }
label { display:block; margin: 10px 0 6px; }
input, select { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #22304f; background: #0b1324; color:#e8eefc; }
button { padding: 12px 14px; border-radius: 12px; border: 0; background:#2b6bff; color:#fff; cursor:pointer; }
button.secondary { background:#233049; }
.row { display:flex; gap: 10px; }
.row > * { flex:1; }
.small { color:#a9b8d8; font-size: 13px; line-height: 1.4; }
.badge { display:inline-block; padding: 4px 10px; border-radius: 999px; background:#233049; border:1px solid #22304f; font-size: 12px; }
a { color:#87b3ff; cursor:pointer; }
pre { white-space: pre-wrap; word-break: break-word; background:#0b1324; padding: 12px; border-radius: 10px; border:1px solid #22304f;}