:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin: 0; background: #0b0f17; color: #e8eefc; }
.wrap { max-width: 980px; margin: 0 auto; padding: 24px; }
.header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.meta { opacity: .8; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 16px; }
.card { background: #121a2a; border: 1px solid #22304d; border-radius: 16px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.row { display: flex; justify-content: space-between; gap: 12px; margin: 8px 0; }
.badge { padding: 4px 10px; border-radius: 999px; font-weight: 600; font-size: 12px; }
.up { background: rgba(0,200,120,.15); border: 1px solid rgba(0,200,120,.35); }
.down { background: rgba(255,70,70,.15); border: 1px solid rgba(255,70,70,.35); }
a { color: #9cc2ff; text-decoration: none; }
canvas { margin-top: 12px; }
.footer { margin-top: 20px; opacity: .7; }