body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background: #0b1020; color: #f3f6ff; }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
header { margin-bottom: 24px; }
h1 { margin: 0 0 8px; font-size: 34px; }
.sub { color: #96a0bd; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.card { background: #141b34; border: 1px solid #263252; border-radius: 16px; padding: 18px; margin-bottom: 16px; }
.item { background: #0f152b; border: 1px solid #222d4b; border-radius: 12px; padding: 12px; margin-bottom: 10px; line-height: 1.6; }
a { color: #7dc4ff; text-decoration: none; }
pre { white-space: pre-wrap; word-break: break-word; color: #dbe4ff; }
@media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }