/* ================================================
   EXCHANGE TERMINAL — DARK TRADING UI
   ================================================ */
:root {
  --term-bg:     #060D1F;
  --term-surf:   #0D1A30;
  --term-surf2:  #0F2040;
  --term-border: rgba(255,255,255,.07);
  --term-border2:rgba(255,255,255,.12);
  --up:   #00C896;
  --down: #FF4B55;
  --up-bg:   rgba(0,200,150,.12);
  --down-bg: rgba(255,75,85,.12);
  --mono: 'JetBrains Mono','Fira Code','Courier New',monospace;
}
.exchange-page { background: var(--term-bg); min-height: 100vh; }
.exchange-header-bar {
  background: var(--term-surf);
  border-bottom: 1px solid var(--term-border2);
  padding: 10px 0;
}
.exchange-stats-row { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.ex-stat { display: flex; flex-direction: column; gap: 2px; }
.ex-stat-label { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.35); letter-spacing: 1px; text-transform: uppercase; }
.ex-stat-value { font-size: 15px; font-weight: 700; font-family: var(--mono); color: var(--white); }
.ex-stat-value.up   { color: var(--up); }
.ex-stat-value.down { color: var(--down); }
.ex-stat-change { font-size: 11px; font-weight: 600; font-family: var(--mono); }
.ex-stat-change.up   { color: var(--up); }
.ex-stat-change.down { color: var(--down); }
.ex-dot-live {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 700; color: var(--up);
  letter-spacing: .5px; text-transform: uppercase;
}
.ex-dot-live::before {
  content:''; width: 7px; height: 7px; border-radius: 50%; background: var(--up);
  animation: pulse-live 1.5s infinite;
}
@keyframes pulse-live {
  0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(0,200,150,.5) }
  50%    { opacity:.8; box-shadow:0 0 0 5px rgba(0,200,150,0) }
}
/* ---- Innovation Index Panel ---- */
.index-panel { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; padding: 16px 0; }
.index-card {
  background: var(--term-surf); border: 1px solid var(--term-border);
  border-radius: var(--radius); padding: 14px 16px;
  cursor: pointer; transition: var(--transition); position: relative; overflow: hidden;
}
.index-card::after { content:''; position:absolute; bottom:0;left:0;right:0;height:2px; }
.index-card.up::after   { background: var(--up); }
.index-card.down::after { background: var(--down); }
.index-card:hover { border-color: var(--term-border2); background: var(--term-surf2); }
.index-name  { font-size: 11px; font-weight: 600; color: rgba(255,255,255,.5); letter-spacing: .5px; margin-bottom: 4px; }
.index-value { font-size: 18px; font-weight: 800; font-family: var(--mono); color: var(--white); line-height: 1; margin-bottom: 4px; }
.index-pct   { font-size: 12px; font-weight: 700; font-family: var(--mono); }
.index-pct.up   { color: var(--up); }
.index-pct.down { color: var(--down); }
/* ---- Trading Board ---- */
.trading-layout { display: grid; grid-template-columns: 320px 1fr 280px; gap: 12px; padding: 12px 0 24px; }
.trading-panel { background: var(--term-surf); border: 1px solid var(--term-border); border-radius: var(--radius); overflow: hidden; }
.panel-header { padding: 12px 16px; border-bottom: 1px solid var(--term-border); display: flex; align-items: center; justify-content: space-between; }
.panel-title { font-size: 11px; font-weight: 700; color: rgba(255,255,255,.5); letter-spacing: 1px; text-transform: uppercase; }
.panel-actions { display: flex; gap: 6px; }
.panel-btn { font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.1); transition: var(--transition); }
.panel-btn:hover, .panel-btn.active { background: rgba(255,255,255,.08); color: var(--white); }
.asset-row { display: grid; grid-template-columns: 1fr auto auto auto; gap: 8px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--term-border); cursor: pointer; transition: var(--transition); }
.asset-row:hover { background: rgba(255,255,255,.04); }
.asset-row.selected { background: rgba(30,77,154,.25); border-left: 2px solid var(--blue-600); }
.asset-ticker { font-size: 13px; font-weight: 700; font-family: var(--mono); color: var(--white); }
.asset-name   { font-size: 10px; color: rgba(255,255,255,.4); margin-top: 1px; }
.asset-price  { font-size: 13px; font-weight: 700; font-family: var(--mono); color: var(--white); text-align: right; }
.asset-change { font-size: 11px; font-weight: 600; font-family: var(--mono); text-align: right; padding: 2px 6px; border-radius: 3px; }
.asset-change.up   { color: var(--up);   background: var(--up-bg); }
.asset-change.down { color: var(--down); background: var(--down-bg); }
.asset-vol { font-size: 10px; color: rgba(255,255,255,.3); font-family: var(--mono); text-align: right; }
.chart-area { padding: 16px; }
.chart-asset-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }
.chart-ticker { font-size: 22px; font-weight: 800; font-family: var(--mono); color: var(--white); }
.chart-price  { font-size: 32px; font-weight: 900; font-family: var(--mono); color: var(--white); line-height: 1; }
.chart-24h    { font-size: 13px; font-weight: 600; font-family: var(--mono); }
.chart-canvas-wrap { position: relative; width: 100%; height: 200px; background: rgba(0,0,0,.2); border-radius: var(--radius-sm); overflow: hidden; margin-bottom: 12px; }
canvas.price-chart { width: 100%; height: 100%; }
.chart-period-tabs { display: flex; gap: 4px; margin-bottom: 16px; }
.period-tab { font-size: 11px; font-weight: 700; font-family: var(--mono); padding: 4px 10px; border-radius: 3px; color: rgba(255,255,255,.4); transition: var(--transition); cursor: pointer; border: 1px solid transparent; }
.period-tab:hover { color: rgba(255,255,255,.7); }
.period-tab.active { background: var(--blue-700); color: var(--white); border-color: var(--blue-600); }
.ob-header { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 8px 12px; font-size: 10px; font-weight: 600; color: rgba(255,255,255,.3); letter-spacing: .5px; text-transform: uppercase; }
.ob-row { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 6px 12px; font-size: 12px; font-family: var(--mono); position: relative; cursor: pointer; transition: var(--transition); }
.ob-row:hover { background: rgba(255,255,255,.04); }
.ob-row.ask .ob-price { color: var(--down); }
.ob-row.bid .ob-price { color: var(--up); }
.ob-bar { position: absolute; top: 0; bottom: 0; right: 0; opacity: .12; border-radius: 2px; }
.ob-row.ask .ob-bar { background: var(--down); }
.ob-row.bid .ob-bar { background: var(--up); }
.ob-spread { padding: 8px 12px; text-align: center; font-size: 11px; font-weight: 700; color: rgba(255,255,255,.4); font-family: var(--mono); border-top: 1px solid var(--term-border); border-bottom: 1px solid var(--term-border); background: rgba(255,255,255,.02); }
.ob-size  { color: rgba(255,255,255,.6); text-align: right; }
.ob-total { color: rgba(255,255,255,.3); text-align: right; }
.trade-row { display: grid; grid-template-columns: 1fr 1fr auto; padding: 7px 12px; font-size: 11px; font-family: var(--mono); border-bottom: 1px solid var(--term-border); }
@keyframes tradeIn { from { background: rgba(255,255,255,.08); } to { background: transparent; } }
.tr-price.up   { color: var(--up); }
.tr-price.down { color: var(--down); }
.tr-size  { color: rgba(255,255,255,.5); text-align: right; }
.tr-time  { color: rgba(255,255,255,.25); text-align: right; font-size: 10px; }
.trade-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px; }
.btn-bid { padding: 12px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 700; font-family: var(--mono); background: var(--up-bg); color: var(--up); border: 1px solid var(--up); transition: var(--transition); }
.btn-bid:hover { background: var(--up); color: var(--gray-900); }
.btn-ask { padding: 12px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 700; font-family: var(--mono); background: var(--down-bg); color: var(--down); border: 1px solid var(--down); transition: var(--transition); }
.btn-ask:hover { background: var(--down); color: var(--white); }
@keyframes flashUp   { 0%,100%{background:transparent} 50%{background:var(--up-bg)} }
@keyframes flashDown { 0%,100%{background:transparent} 50%{background:var(--down-bg)} }
.flash-up   { animation: flashUp   .5s ease; }
.flash-down { animation: flashDown .5s ease; }
/* ================================================
   AUCTION HOUSE
   ================================================ */
.auction-page { background: #09101E; }
.lot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 28px; }
.lot-card { background: #0E1829; border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); position: relative; }
.lot-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.18); box-shadow: 0 20px 48px rgba(0,0,0,.5); }
.lot-image { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; font-size: 64px; position: relative; overflow: hidden; }
.lot-image-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #0E1829 10%, transparent 60%); }
.lot-status-badge { position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; padding: 5px 12px; border-radius: var(--radius-full); backdrop-filter: blur(8px); }
.lot-live     { background: rgba(229,62,62,.25); color: #FC8181; border: 1px solid rgba(229,62,62,.4); }
.lot-live::before { content:'●'; font-size:8px; animation: pulse 1.2s infinite; }
.lot-upcoming { background: rgba(240,165,0,.15); color: var(--gold-400); border: 1px solid rgba(240,165,0,.3); }
.lot-closed   { background: rgba(255,255,255,.08); color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.1); }
.lot-lot-num  { position: absolute; top: 14px; right: 14px; font-size: 11px; font-weight: 700; color: rgba(255,255,255,.4); font-family: var(--mono); }
.lot-body  { padding: 20px 22px 22px; }
.lot-category { font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 8px; }
.lot-title { font-size: 17px; font-weight: 700; color: var(--white); line-height: 1.3; margin-bottom: 8px; }
.lot-desc  { font-size: 13px; color: rgba(255,255,255,.45); line-height: 1.6; margin-bottom: 16px; }
.lot-price-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 14px; }
.lot-estimate { font-size: 11px; color: rgba(255,255,255,.35); margin-bottom: 4px; }
.lot-current-bid { font-size: 24px; font-weight: 800; font-family: var(--mono); color: var(--white); }
.lot-current-bid.no-bid { font-size: 16px; color: rgba(255,255,255,.35); }
.lot-bid-count { font-size: 12px; color: rgba(255,255,255,.4); text-align: right; }
.lot-bid-count strong { color: var(--gold-400); }
.countdown { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 16px; }
.cd-unit { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-sm); padding: 8px 4px; text-align: center; }
.cd-num  { font-size: 22px; font-weight: 800; font-family: var(--mono); color: var(--white); line-height: 1; }
.cd-num.urgent { color: var(--down); animation: urgentPulse 1s infinite; }
@keyframes urgentPulse { 0%,100%{opacity:1} 50%{opacity:.6} }
.cd-label { font-size: 9px; font-weight: 600; color: rgba(255,255,255,.3); letter-spacing: .8px; text-transform: uppercase; margin-top: 2px; }
.lot-footer { padding: 0 22px 22px; }
.btn-lot-bid { width: 100%; padding: 13px; background: linear-gradient(135deg, var(--gold-500), var(--gold-600)); color: var(--gray-900); font-size: 14px; font-weight: 700; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; gap: 8px; transition: var(--transition); }
.btn-lot-bid:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(240,165,0,.4); }
.btn-lot-watch { width: 100%; padding: 12px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.12); font-size: 14px; font-weight: 600; border-radius: var(--radius); margin-top: 8px; transition: var(--transition); }
.btn-lot-watch:hover { background: rgba(255,255,255,.1); color: var(--white); }
.bid-entry { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
@keyframes bidIn { from { opacity:0; transform:translateX(-10px); } to { opacity:1; transform:translateX(0); } }
.bid-avatar { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--white); flex-shrink: 0; }
.bid-user  { font-size: 13px; font-weight: 600; color: var(--white); }
.bid-id    { font-size: 11px; color: rgba(255,255,255,.35); }
.bid-amount { font-size: 15px; font-weight: 800; font-family: var(--mono); color: var(--gold-400); margin-left: auto; }
.bid-time  { font-size: 10px; color: rgba(255,255,255,.25); font-family: var(--mono); text-align: right; }
.bid-new-tag { font-size: 9px; font-weight: 700; background: var(--up-bg); color: var(--up); padding: 2px 6px; border-radius: 3px; text-transform: uppercase; }
.results-table { width: 100%; border-collapse: collapse; }
.results-table th { font-size: 11px; font-weight: 600; color: rgba(255,255,255,.35); letter-spacing: .8px; text-transform: uppercase; padding: 10px 16px; text-align: left; border-bottom: 1px solid rgba(255,255,255,.07); }
.results-table td { padding: 14px 16px; font-size: 13.5px; color: rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.04); }
.results-table tr:hover td { background: rgba(255,255,255,.03); }
.result-sold   { color: var(--up) !important; font-weight: 700; font-family: var(--mono); }
.result-passed { color: rgba(255,255,255,.25) !important; }
.result-hammer { color: var(--gold-400) !important; font-weight: 800; font-family: var(--mono); }
/* ================================================
   LIVE ACTIVITY FEED
   ================================================ */
.activity-feed-section { background: var(--gray-900); }
.feed-layout { display: grid; grid-template-columns: 1fr 360px; gap: 32px; align-items: start; }
.feed-list { display: flex; flex-direction: column; }
.feed-item { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.06); transition: var(--transition); }
.feed-item:hover { padding-left: 6px; }
.feed-icon-wrap { width: 44px; height: 44px; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.feed-text { flex: 1; font-size: 13.5px; line-height: 1.55; }
.feed-text strong { color: var(--white); }
.feed-text .feed-amount { color: var(--gold-400); font-weight: 700; font-family: var(--mono); }
.feed-text .feed-type-deal { color: var(--up); font-weight: 600; }
.feed-text .feed-type-bid  { color: #60A5FA; font-weight: 600; }
.feed-text .feed-type-list { color: var(--teal-400); font-weight: 600; }
.feed-time { font-size: 11px; color: rgba(255,255,255,.25); white-space: nowrap; font-family: var(--mono); }
.feed-sidebar { position: sticky; top: 86px; }
.feed-sidebar-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-lg); padding: 24px; margin-bottom: 16px; }
.feed-sidebar-title { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 16px; }
.trending-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
.trend-rank  { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.25); width: 18px; flex-shrink: 0; font-family: var(--mono); }
.trend-emoji { font-size: 18px; flex-shrink: 0; }
.trend-name  { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.75); flex: 1; }
.trend-pct.up   { color: var(--up);   font-size: 12px; font-weight: 700; font-family: var(--mono); }
.trend-pct.down { color: var(--down); font-size: 12px; font-weight: 700; font-family: var(--mono); }
/* ================================================
   LIVE EXCHANGE TICKER BAR
   ================================================ */
.live-ticker-bar { background: #0A1220; border-bottom: 1px solid rgba(255,255,255,.07); overflow: hidden; padding: 0; position: relative; }
.live-ticker-bar::before,.live-ticker-bar::after { content:''; position:absolute;top:0;bottom:0;width:60px;z-index:2; }
.live-ticker-bar::before { left:0; background:linear-gradient(to right,#0A1220,transparent); }
.live-ticker-bar::after  { right:0;background:linear-gradient(to left,#0A1220,transparent); }
.live-ticker-label { position:absolute;left:0;top:0;bottom:0;z-index:3;display:flex;align-items:center;padding:0 16px;background:var(--blue-800);font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,.7);text-transform:uppercase;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap; }
.live-ticker-track { display:flex;gap:0;padding:0 0 0 120px;animation:liveTicker 50s linear infinite;white-space:nowrap; }
.live-ticker-track:hover { animation-play-state:paused; }
.ticker-pair { display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-right:1px solid rgba(255,255,255,.05);cursor:pointer;transition:var(--transition); }
.ticker-pair:hover { background:rgba(255,255,255,.04); }
.ticker-sym  { font-size:12px;font-weight:700;font-family:var(--mono);color:var(--white); }
.ticker-val  { font-size:12px;font-family:var(--mono);color:rgba(255,255,255,.7); }
.ticker-chg  { font-size:11px;font-weight:700;font-family:var(--mono);padding:1px 5px;border-radius:3px; }
.ticker-chg.up   { color:var(--up);  background:var(--up-bg); }
.ticker-chg.down { color:var(--down);background:var(--down-bg); }
@keyframes liveTicker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
/* ================================================
   PLATFORM MODE CARDS
   ================================================ */
.mode-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0; }
.mode-card { border-radius:var(--radius-xl);padding:36px 32px 52px;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);text-decoration:none;display:block; }
.mode-card:hover { transform:translateY(-4px); }
.mode-card.mc-exchange { background:linear-gradient(135deg,#060D1F 0%,#0D1A35 100%);border:1px solid rgba(0,200,150,.2); }
.mode-card.mc-auction  { background:linear-gradient(135deg,#130A00 0%,#1E1000 100%);border:1px solid rgba(240,165,0,.2); }
.mode-card.mc-market   { background:linear-gradient(135deg,#08101F 0%,#0E183A 100%);border:1px solid rgba(37,99,196,.3); }
.mode-card-glow { position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;filter:blur(50px); }
.mc-exchange .mode-card-glow { background:var(--up);opacity:.15; }
.mc-auction  .mode-card-glow { background:var(--gold-500);opacity:.2; }
.mc-market   .mode-card-glow { background:var(--blue-700);opacity:.2; }
.mode-icon  { font-size:40px;margin-bottom:18px; }
.mode-tag   { font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px; }
.mc-exchange .mode-tag { color:var(--up); }
.mc-auction  .mode-tag { color:var(--gold-400); }
.mc-market   .mode-tag { color:#60A5FA; }
.mode-title { font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px;letter-spacing:-.3px; }
.mode-desc  { font-size:14px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:20px; }
.mode-stats { display:flex;gap:20px; }
.mode-stat-val { font-size:20px;font-weight:800;font-family:var(--mono);color:var(--white);line-height:1; }
.mode-stat-lbl { font-size:11px;color:rgba(255,255,255,.3); }
.mode-arrow { position:absolute;bottom:20px;right:24px;font-size:20px;color:rgba(255,255,255,.2);transition:var(--transition); }
.mode-card:hover .mode-arrow { color:rgba(255,255,255,.6);transform:translate(3px,-3px); }
/* ================================================
   GLOBAL DARK HERO
   ================================================ */
.hero-dark { background:#04091A;min-height:100vh;display:flex;align-items:center;padding-top:70px;position:relative;overflow:hidden; }
.hero-dark-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,196,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,196,.07) 1px,transparent 1px);background-size:80px 80px; }
.hero-dark-glow-1 { position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(120px);background:radial-gradient(circle,rgba(30,77,154,.35) 0%,transparent 70%);top:-200px;right:-100px;pointer-events:none; }
.hero-dark-glow-2 { position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);background:radial-gradient(circle,rgba(0,200,150,.12) 0%,transparent 70%);bottom:0;left:15%;pointer-events:none; }
.hero-dark-content { position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0; }
.hero-dark-eyebrow { display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase;border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:20px; }
.hero-dark-eyebrow .dot { width:6px;height:6px;border-radius:50%;background:var(--up);animation:pulse-live 1.5s infinite; }
.hero-dark h1 { font-family:var(--font-display);font-size:clamp(38px,4.8vw,64px);font-weight:900;color:var(--white);line-height:1.07;letter-spacing:-2px;margin-bottom:24px; }
.hero-dark h1 .grad-text { background:linear-gradient(135deg,var(--gold-400) 0%,#FF9A3C 50%,var(--teal-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-dark p { font-size:18px;color:rgba(255,255,255,.55);max-width:500px;line-height:1.7;margin-bottom:36px; }
.hero-dark-stats { display:flex;gap:32px;margin-top:32px;flex-wrap:wrap; }
.hd-stat-val { font-size:26px;font-weight:900;font-family:var(--mono);color:var(--white);line-height:1; }
.hd-stat-lbl { font-size:12px;color:rgba(255,255,255,.35);margin-top:4px; }
.hero-terminal { background:var(--term-surf);border:1px solid var(--term-border2);border-radius:var(--radius-xl);overflow:hidden; }
.terminal-titlebar { background:rgba(0,0,0,.3);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--term-border); }
.dot-close { width:12px;height:12px;border-radius:50%;background:#FF5F57 }
.dot-min   { width:12px;height:12px;border-radius:50%;background:#FFBD2E }
.dot-max   { width:12px;height:12px;border-radius:50%;background:#28CA42 }
.terminal-label { font-size:11px;font-weight:600;color:rgba(255,255,255,.3);margin-left:8px;font-family:var(--mono) }
/* Innovation Index */
.innovation-index-section { background:#070E1D;padding:48px 0; }
.index-row { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.iindex-card { background:linear-gradient(135deg,#0D1829,#0F2040);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;transition:var(--transition);cursor:pointer; }
.iindex-card:hover { border-color:rgba(255,255,255,.18);transform:translateY(-2px); }
.iindex-card .corner-glow { position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.25; }
.iindex-sector { font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px; }
.iindex-name   { font-size:18px;font-weight:800;color:var(--white);margin-bottom:4px; }
.iindex-val    { font-size:28px;font-weight:900;font-family:var(--mono);color:var(--white);line-height:1;margin-bottom:8px; }
.iindex-meta   { display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap; }
.iindex-meta-item { font-size:12px;color:rgba(255,255,255,.35); }
.iindex-meta-item span { font-family:var(--mono); }
.iindex-badge  { display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;font-family:var(--mono);padding:4px 10px;border-radius:var(--radius-full); }
.iindex-badge.up   { background:var(--up-bg);color:var(--up); }
.iindex-badge.down { background:var(--down-bg);color:var(--down); }
/* Responsive */
@media(max-width:1200px){ .trading-layout{grid-template-columns:1fr} .index-panel{grid-template-columns:repeat(3,1fr)} .index-row{grid-template-columns:1fr 1fr} }
@media(max-width:900px) { .hero-dark-content{grid-template-columns:1fr;gap:48px} .hero-terminal{display:none} .mode-cards{grid-template-columns:1fr} .feed-layout{grid-template-columns:1fr} .lot-grid{grid-template-columns:1fr} .index-panel{grid-template-columns:repeat(2,1fr)} .index-row{grid-template-columns:1fr} }
@media(max-width:600px) { .index-panel{grid-template-columns:1fr 1fr} .countdown{gap:4px} .cd-num{font-size:18px} }