@import url('home2.css');
:root{
  --bg:#F8FAFC; --surface:#FFFFFF; --border:#E2E8F0; --border2:#CBD5E1;
  --txt:#0F172A; --muted:#64748B; --faint:#94A3B8;
  --up:#10B981; --down:#EF4444; --accent:#2563EB; --accent2:#0EA5E9;
  --gold:#E0B257;
  --r:14px; --mono:'JetBrains Mono',monospace; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--bg);color:var(--txt);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input{font-family:inherit;outline:none}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.up{color:var(--up)} .down{color:var(--down)}

.topbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:64px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.brand-logo{height:34px;width:auto;display:block}
.mainnav{display:flex;gap:2px;margin-right:auto}
.mainnav a{padding:9px 14px;border-radius:9px;font-weight:500;color:var(--muted);font-size:14px}
.mainnav a:hover{color:var(--txt);background:#F1F5F9}
.mainnav a.active{color:var(--accent);background:#EFF6FF;font-weight:600}
.acct{display:flex;gap:10px;align-items:center}
.gsearch{background:#F1F5F9;border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-size:13px;width:220px;color:var(--txt)}
.gsearch:focus{border-color:var(--accent);background:#fff}
.btn-primary{background:var(--accent);color:#fff;padding:9px 18px;border-radius:9px;font-weight:600;font-size:13px}
.btn-primary:hover{background:#1D4ED8}
.btn-ghost{border:1px solid var(--border2);padding:9px 16px;border-radius:9px;color:var(--muted);font-size:13px}
.btn-ghost:hover{color:var(--txt);border-color:var(--accent)}

.ticker{background:var(--surface);border-bottom:1px solid var(--border);height:38px;display:flex;align-items:center;overflow:hidden}
.ticker-track{display:flex;gap:28px;white-space:nowrap;animation:scroll 40s linear infinite;padding-left:18px}
.ticker:hover .ticker-track{animation-play-state:paused}
.tk{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.tk b{color:var(--txt);font-weight:600}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
