:root {
  --tc-bg: #f5f7fb;
  --tc-card: #ffffff;
  --tc-ink: #1b1430;
  --tc-muted: #786f92;
  --tc-line: #e7e3f2;
  --tc-accent: #7c3aed;
  --tc-accent-2: #a855f7;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--tc-bg); color: var(--tc-ink); font-family: Inter, system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
.tc-shell { width: min(1280px, calc(100vw - 32px)); margin: 0 auto; }
.tc-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(124,58,237,.08); }
.tc-header-inner { min-height: 72px; display: flex; align-items: center; gap: 24px; }
.tc-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.tc-brand img { display: block; width: auto; height: 42px; max-width: min(260px, 42vw); object-fit: contain; }
.tc-nav { display: flex; gap: 18px; font-size: 14px; color: #50456c; margin-left: auto; }
.tc-nav a:hover, .tc-signin:hover { color: var(--tc-accent); }
.tc-signin { font-size: 14px; color: #50456c; }
.tc-hero { position: relative; overflow: hidden; background: radial-gradient(circle at top left, rgba(124,58,237,.2), transparent 28%), radial-gradient(circle at top right, rgba(168,85,247,.17), transparent 22%), linear-gradient(135deg, #0b0c16 0%, #121427 62%, #171a35 100%); color: white; padding: 34px 0 82px; }
.tc-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size: 22px 22px, 140px 140px; mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.45)); opacity: .35; }
.tc-hero-copy, .tc-search, .tc-sponsored { position: relative; z-index: 1; }
.tc-kicker { margin: 0 0 10px; color: #d8cef9; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.tc-hero h1 { margin: 0 0 24px; font: 800 clamp(2rem, 4vw, 3rem) Outfit, Inter, sans-serif; letter-spacing: -.04em; }
.tc-search { display: grid; grid-template-columns: 170px 1fr 54px; background: white; border-radius: 14px; padding: 8px; gap: 8px; max-width: 900px; box-shadow: 0 22px 54px rgba(8,10,24,.28); }
.tc-search select, .tc-search input { border: 0; outline: 0; background: #fff; color: #201736; font-size: 14px; }
.tc-search select { border-right: 1px solid var(--tc-line); padding: 0 14px; border-radius: 10px; }
.tc-search input { padding: 0 14px; min-width: 0; }
.tc-search button { border: 0; border-radius: 10px; background: linear-gradient(135deg, var(--tc-accent), var(--tc-accent-2)); color: white; font-size: 22px; cursor: pointer; }
.tc-sponsored { margin: 12px 0 0; font-size: 13px; color: #d8cef9; }
.tc-sponsored a { color: white; text-decoration: underline; text-underline-offset: 3px; }
.tc-overview-wrap { margin-top: -42px; position: relative; z-index: 2; }
.tc-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tc-stat-card { background: var(--tc-card); border: 1px solid rgba(124,58,237,.08); border-radius: 18px; padding: 18px 20px; box-shadow: 0 18px 40px rgba(20,16,43,.08); min-height: 116px; }
.tc-stat-label { display: block; font-size: 11px; letter-spacing: .12em; color: #8d83aa; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; }
.tc-stat-card strong { display: block; font: 700 1.3rem Outfit, Inter, sans-serif; letter-spacing: -.03em; margin-bottom: 6px; }
.tc-stat-card span:last-child { color: var(--tc-muted); font-size: 13px; }
.tc-chart-card { display: grid; grid-template-columns: 1fr 118px; align-items: center; gap: 12px; }
.tc-sparkline { width: 118px; height: 72px; }
.tc-sparkline path { fill: none; stroke: #7c3aed; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.tc-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 24px 0 8px; }
.tc-panel { background: white; border: 1px solid rgba(124,58,237,.08); border-radius: 18px; box-shadow: 0 18px 40px rgba(20,16,43,.06); overflow: hidden; }
.tc-panel-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 18px 12px; border-bottom: 1px solid #f0ebfb; }
.tc-panel-head h2 { margin: 0; font: 700 1.1rem Outfit, Inter, sans-serif; }
.tc-panel-head a { color: #7a6c9d; font-size: 13px; }
.tc-list { padding: 0 14px; }
.tc-row { display: grid; grid-template-columns: 1.1fr 1.5fr auto; gap: 14px; align-items: center; padding: 14px 4px; border-bottom: 1px solid #f3effb; }
.tc-row:last-child { border-bottom: 0; }
.tc-row a { color: #6d4ef6; }
.tc-row-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tc-row-main small, .tc-row-meta small { color: #8b82a4; font-size: 12px; }
.tc-row-meta { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tc-badge { justify-self: end; white-space: nowrap; border: 1px solid #e8defd; background: #f8f5ff; color: #5e46bf; border-radius: 999px; padding: 7px 10px; font-size: 11px; font-weight: 700; }
.tc-panel-foot { display: block; text-align: center; padding: 14px 18px 18px; border-top: 1px solid #f0ebfb; color: #5840b5; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
#tc-footer { margin-top: 22px; background: #fff; border-top: 1px solid #ebe6f5; padding: 36px 0 28px; }
.tc-footer { color: #1f2740; }
.tc-footer-cta { width: min(1280px, calc(100vw - 32px)); margin: 0 auto 36px; }
.tc-add-chain { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 2px solid #1b74d1; border-radius: 10px; color: #1b74d1; font-size: 14px; font-weight: 700; background: #fff; box-shadow: 0 1px 0 rgba(27,116,209,.08); }
.tc-add-chain-emoji { display: inline-block; font-size: 18px; line-height: 1; }
.tc-footer-body { width: min(1280px, calc(100vw - 32px)); margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 56px; }
.tc-footer-copy { max-width: 520px; font-size: 14px; color: #3c4460; line-height: 1.45; }
.tc-footer-made { margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-size: 14px; }
.tc-footer-made a { display: inline-flex; align-items: center; gap: 6px; color: #1b74d1; }
.tc-footer-brand-link { text-decoration: none; }
.tc-footer-brand-logo { display: block; width: auto; height: 22px; object-fit: contain; }
.tc-footer-brand { color: #1b74d1; font-weight: 700; }
.tc-footer-copy p { margin: 0 0 4px; }
.tc-footer-powered { margin-top: 46px; color: #ff8a00; font-weight: 700; }
.tc-footer-links { display: grid; grid-template-columns: repeat(3, minmax(140px, max-content)); column-gap: 34px; row-gap: 18px; margin-left: auto; }
.tc-footer-links a { display: inline-flex; align-items: center; gap: 10px; min-height: 24px; color: #1f2740; font-size: 14px; white-space: nowrap; }
.tc-footer-icon { width: 18px; height: 18px; flex: 0 0 auto; color: #2f3347; }
.tc-footer-icon svg { display: block; width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 900px) {
  .tc-footer-body { flex-direction: column; gap: 28px; }
  .tc-footer-links { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-left: 0; }
}
@media (max-width: 640px) {
  .tc-brand img { height: 36px; max-width: min(220px, 62vw); }
  .tc-footer-links { grid-template-columns: 1fr; }
  .tc-footer-powered { margin-top: 24px; }
}
@media (max-width: 1100px) { .tc-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .tc-header-inner { min-height: auto; padding: 14px 0; flex-wrap: wrap; }
  .tc-nav { order: 3; width: 100%; overflow: auto; padding-bottom: 6px; margin-left: 0; }
  .tc-search { grid-template-columns: 1fr; }
  .tc-search select { border-right: 0; border-bottom: 1px solid var(--tc-line); min-height: 44px; }
  .tc-search input { min-height: 48px; }
  .tc-search button { min-height: 48px; }
  .tc-panels { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tc-shell { width: min(100vw - 20px, 1280px); }
  .tc-hero { padding-bottom: 70px; }
  .tc-overview { grid-template-columns: 1fr; }
  .tc-row { grid-template-columns: 1fr; }
  .tc-badge { justify-self: start; }
}