
:root{
  --bg:#0f1115; --card:#171a21; --muted:#9aa4b2; --text:#e6edf3; --brand:#f3b329; --accent:#3b82f6; --border:#262b36;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:1080px;margin:0 auto;padding:20px}
.brand{display:flex;gap:16px;align-items:center}
.logo{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}
h1{margin:0 0 4px;font-weight:800;letter-spacing:0.3px}
.ticker{background:var(--brand);color:#111;padding:3px 8px;border-radius:8px;margin-left:8px;font-size:.85rem}
.chain{margin:0;color:var(--muted)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);text-decoration:none;font-weight:600}
.btn:hover{border-color:#2f3542}
.btn.primary{background:var(--brand);color:#1a1a1a;border-color:#000}
.btn.small{padding:8px 10px;font-size:.9rem}
.btn.wide{width:100%;text-align:center}
.btn.outline{background:transparent}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.card.wide{grid-column:1 / -1}
.facts ul{list-style:none;padding:0;margin:0 0 10px}
.facts li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:6px 0;color:var(--muted)}
.facts li span{color:var(--text);font-weight:600}
.links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tw{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.contract{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#0b0d11;border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.contract code{font-size:.9rem}
.copy{background:var(--brand);border:none;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}
.trade-buttons{margin-top:14px;display:grid;gap:8px}
.note{color:var(--muted);font-size:.9rem;margin-top:8px}
.chart-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.footer{opacity:.7;text-align:center;margin:20px auto}
@media (max-width:960px){
  .grid{grid-template-columns:1fr}
  .columns{grid-template-columns:1fr}
}
