:root {
  --bg: #ffffff;
  --bg-soft: #f6f8fb;
  --bg-elev: rgba(255,255,255,.78);
  --text: #0f1720;
  --muted: #6d7682;
  --border: rgba(15, 23, 32, .09);
  --primary: #16e0a0;
  --primary-2: #1bcfba;
  --negative: #f35666;
  --positive: #13b98a;
  --shadow: 0 22px 65px rgba(16, 24, 40, .10);
}

html[data-theme="dark"] {
  --bg: #080b0f;
  --bg-soft: #0e1319;
  --bg-elev: rgba(17,23,30,.78);
  --text: #f4f7f9;
  --muted: #8f9aa6;
  --border: rgba(255,255,255,.08);
  --shadow: 0 24px 80px rgba(0,0,0,.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); line-height:1.5; }
a { color:inherit; text-decoration:none; }
button, input, select { font:inherit; }
button { cursor:pointer; }
.shell { width:min(1180px, calc(100% - 40px)); margin:0 auto; }

.site-header { position:sticky; top:0; z-index:100; border-bottom:1px solid var(--border); background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(18px); }
.header-inner { height:72px; display:flex; align-items:center; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:10px; flex-shrink:0; }
.brand-mark { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; color:#07120e; font-weight:900; background:linear-gradient(135deg,var(--primary),#78ffd6); box-shadow:0 8px 24px rgba(22,224,160,.25); }
.brand-text { font-weight:800; letter-spacing:.08em; }
.desktop-nav { display:flex; align-items:center; gap:6px; flex:1; }
.nav-item { position:relative; }
.nav-item>a,.nav-trigger { border:0; background:transparent; color:var(--text); padding:24px 10px; font-weight:600; font-size:14px; }
.nav-trigger span { opacity:.55; margin-left:3px; }
.mega-menu { position:absolute; top:64px; left:0; display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:8px; width:520px; padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--bg-elev); backdrop-filter:blur(20px); box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(8px); transition:.18s ease; }
.mega-menu.compact { width:300px; grid-template-columns:1fr; }
.has-menu:hover .mega-menu { opacity:1; visibility:visible; transform:translateY(0); }
.menu-kicker { margin:6px 10px 8px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }
.mega-menu a { display:flex; flex-direction:column; gap:3px; padding:10px; border-radius:10px; font-weight:700; }
.mega-menu a:hover { background:var(--bg-soft); }
.mega-menu a span { color:var(--muted); font-size:12px; font-weight:500; }
.header-actions { display:flex; align-items:center; gap:8px; }
.icon-btn,.mobile-menu-btn { width:38px; height:38px; border:1px solid var(--border); background:transparent; color:var(--text); border-radius:10px; }
.lang-select { border:1px solid var(--border); color:var(--text); background:transparent; border-radius:10px; padding:8px 10px; }
.login-link { font-size:14px; font-weight:700; padding:8px 6px; }
.primary-btn { display:inline-flex; align-items:center; justify-content:center; border:0; background:linear-gradient(135deg,var(--primary),var(--primary-2)); color:#07120e; font-weight:800; border-radius:12px; padding:14px 20px; box-shadow:0 10px 25px rgba(22,224,160,.18); }
.primary-btn.small { padding:10px 16px; }
.mobile-menu-btn { display:none; }
.mobile-panel { display:none; }

.hero { min-height:720px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px; padding-top:70px; padding-bottom:80px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border); background:var(--bg-soft); color:var(--muted); border-radius:999px; padding:8px 12px; font-size:13px; }
.pulse-dot { width:8px; height:8px; background:var(--primary); border-radius:50%; box-shadow:0 0 0 7px rgba(22,224,160,.10); }
h1 { font-size:clamp(48px,6vw,78px); line-height:1.04; letter-spacing:-.045em; margin:22px 0 20px; }
h1 span { background:linear-gradient(90deg,var(--primary),#64d7ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-sub { max-width:680px; color:var(--muted); font-size:18px; }
.signup-box { margin-top:30px; max-width:620px; display:flex; gap:10px; padding:8px; background:var(--bg-soft); border:1px solid var(--border); border-radius:16px; }
.signup-box input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--text); padding:0 14px; }
.signup-msg { min-height:24px; margin:8px 4px 0; color:var(--muted); font-size:13px; }
.hero-metrics { display:flex; gap:34px; margin-top:36px; }
.hero-metrics div { display:flex; flex-direction:column; }
.hero-metrics strong { font-size:21px; }
.hero-metrics span { font-size:12px; color:var(--muted); }
.hero-visual { position:relative; min-height:520px; }
.orb { position:absolute; border-radius:50%; filter:blur(2px); opacity:.7; }
.orb-a { width:340px; height:340px; right:70px; top:50px; background:radial-gradient(circle at 35% 35%, rgba(36,255,190,.9), rgba(35,152,255,.08) 60%, transparent 70%); }
.orb-b { width:280px; height:280px; left:20px; bottom:30px; background:radial-gradient(circle at 45% 45%, rgba(90,122,255,.48), transparent 68%); }
.glass-card { position:absolute; border:1px solid rgba(255,255,255,.12); background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.03)); backdrop-filter:blur(18px); box-shadow:0 24px 80px rgba(0,0,0,.24); }
.portfolio-card { width:min(390px,80%); right:30px; top:110px; padding:24px; border-radius:24px; }
.card-topline { display:flex; justify-content:space-between; font-weight:700; }
.muted { color:var(--muted); }
.big-balance { font-size:34px; font-weight:800; letter-spacing:-.03em; margin:8px 0; }
.profit { color:var(--positive); font-weight:700; }
.profit span { color:var(--muted); font-weight:500; font-size:12px; }
.spark-bars { height:110px; display:flex; align-items:end; gap:8px; margin-top:26px; }
.spark-bars i { flex:1; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,var(--primary),rgba(22,224,160,.12)); }
.btc-float { left:0; top:70px; display:flex; align-items:center; gap:12px; border-radius:16px; padding:14px 16px; }
.coin-icon { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-weight:900; }
.coin-icon.btc { background:#f7931a; color:white; }
.btc-float div:nth-child(2) { display:flex; flex-direction:column; min-width:120px; }
.btc-float span { color:var(--muted); font-size:12px; }
.btc-float em { font-style:normal; color:var(--positive); font-weight:700; }
.security-float { right:0; bottom:80px; display:flex; gap:10px; align-items:center; padding:14px 16px; border-radius:16px; }
.security-float>span { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:rgba(22,224,160,.16); color:var(--primary); }
.security-float div { display:flex; flex-direction:column; }
.security-float small { color:var(--muted); }

.ticker-strip { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--bg-soft); }
.ticker-inner { min-height:84px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.ticker-item { padding:0 20px; border-right:1px solid var(--border); }
.ticker-item:last-child { border-right:0; }
.ticker-item-top { display:flex; justify-content:space-between; align-items:center; font-weight:700; }
.ticker-item-bottom { display:flex; gap:8px; font-size:13px; color:var(--muted); margin-top:4px; }
.positive { color:var(--positive)!important; }
.negative { color:var(--negative)!important; }

.market-section,.features,.platform-section,.cta-section { padding:110px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.section-head.centered { text-align:center; justify-content:center; }
.section-kicker { color:var(--primary); font-size:12px; font-weight:800; letter-spacing:.18em; }
h2 { font-size:clamp(34px,4vw,52px); margin:8px 0 8px; letter-spacing:-.035em; }
.section-head p,.platform-copy>p,.cta-card p { color:var(--muted); margin:0; }
.market-toggle { display:flex; padding:5px; border:1px solid var(--border); background:var(--bg-soft); border-radius:12px; }
.market-toggle button { border:0; background:transparent; color:var(--muted); padding:9px 14px; border-radius:9px; font-weight:700; }
.market-toggle button.active { background:var(--bg); color:var(--text); box-shadow:0 4px 14px rgba(0,0,0,.08); }
.market-card { border:1px solid var(--border); border-radius:18px; overflow:hidden; background:var(--bg); }
.market-row { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr .5fr; align-items:center; min-height:72px; padding:0 22px; border-bottom:1px solid var(--border); }
.market-row:last-child { border-bottom:0; }
.market-header { min-height:48px; color:var(--muted); font-size:12px; font-weight:700; background:var(--bg-soft); }
.market-symbol { display:flex; align-items:center; gap:12px; }
.market-symbol .coin-icon { width:34px; height:34px; font-size:13px; }
.market-symbol small { color:var(--muted); }
.trade-link { justify-self:end; color:var(--primary); font-weight:700; font-size:13px; }

.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { padding:26px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(180deg,var(--bg),var(--bg-soft)); transition:.2s ease; }
.feature-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.feature-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:rgba(22,224,160,.12); color:var(--primary); font-size:22px; }
.feature-card h3 { margin:20px 0 8px; }
.feature-card p { color:var(--muted); margin:0 0 18px; min-height:48px; }
.feature-card a { color:var(--primary); font-weight:700; }

.platform-card { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:48px; border:1px solid var(--border); border-radius:28px; background:linear-gradient(135deg,var(--bg-soft),var(--bg)); overflow:hidden; }
.platform-points { display:grid; gap:18px; margin-top:30px; }
.platform-points div { display:flex; gap:14px; }
.platform-points span { color:var(--primary); font-weight:800; }
.platform-points p { margin:0; color:var(--muted); }
.platform-points strong { color:var(--text); margin-right:6px; }
.terminal-demo { border:1px solid var(--border); background:#090d12; color:#eef3f6; border-radius:18px; padding:22px; min-height:360px; }
.terminal-header { display:flex; justify-content:space-between; font-weight:700; }
.terminal-status { color:#45e2ad; font-size:12px; }
.terminal-price { display:flex; gap:12px; align-items:end; margin:20px 0; }
.terminal-price strong { font-size:32px; }
.terminal-price span { color:#45e2ad; font-size:13px; }
.fake-chart { height:130px; position:relative; overflow:hidden; }
.fake-chart:before { content:""; position:absolute; inset:10px 0; background:linear-gradient(180deg,rgba(22,224,160,.22),transparent 70%); clip-path:polygon(0 70%,8% 55%,14% 61%,23% 38%,31% 48%,39% 29%,47% 36%,56% 20%,63% 28%,70% 15%,80% 25%,90% 8%,100% 16%,100% 100%,0 100%); }
.fake-chart:after { content:""; position:absolute; left:0; right:0; top:48%; height:1px; background:rgba(255,255,255,.06); box-shadow:0 -42px rgba(255,255,255,.04),0 42px rgba(255,255,255,.04); }
.orderbook-mini { display:grid; gap:8px; margin-top:10px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.orderbook-mini div { display:flex; justify-content:space-between; color:#f17f89; }
.orderbook-mini div:nth-child(n+4) { color:#55d5ab; }
.orderbook-mini .mid { padding:8px 0; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); color:#e7eef2; font-weight:700; }

.cta-card { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:44px 48px; border-radius:24px; background:linear-gradient(135deg,rgba(22,224,160,.14),rgba(76,123,255,.10)); border:1px solid var(--border); }
.footer { border-top:1px solid var(--border); background:var(--bg-soft); padding:60px 0 30px; }
.footer-grid { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:40px; }
.footer-grid>div { display:flex; flex-direction:column; gap:10px; }
.footer-grid p,.footer-grid a,.footer-bottom { color:var(--muted); font-size:13px; }
.footer-grid strong { margin-bottom:8px; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:50px; padding-top:22px; border-top:1px solid var(--border); }
.footer-brand { margin-bottom:8px; }

.search-overlay { position:fixed; inset:0; z-index:200; display:none; place-items:start center; padding-top:120px; background:rgba(0,0,0,.55); backdrop-filter:blur(6px); }
.search-overlay.show { display:grid; }
.search-box { width:min(620px,calc(100% - 30px)); background:var(--bg); border:1px solid var(--border); border-radius:18px; padding:18px; box-shadow:var(--shadow); position:relative; }
.search-box>button { position:absolute; right:16px; top:12px; border:0; background:transparent; color:var(--muted); font-size:28px; }
.search-box input { width:100%; border:0; border-bottom:1px solid var(--border); background:transparent; outline:0; color:var(--text); padding:16px 40px 16px 6px; font-size:18px; }
.search-hints { display:flex; gap:8px; margin-top:14px; }
.search-hints span { padding:6px 9px; background:var(--bg-soft); border-radius:8px; color:var(--muted); font-size:12px; }

@media (max-width: 980px) {
  .desktop-nav,.login-link,.lang-select { display:none; }
  .header-inner { gap:12px; }
  .header-actions { margin-left:auto; }
  .mobile-menu-btn { display:inline-grid; place-items:center; }
  .mobile-panel { position:absolute; top:72px; left:0; right:0; background:var(--bg); border-bottom:1px solid var(--border); padding:14px 20px 20px; }
  .mobile-panel.show { display:grid; }
  .mobile-panel a { padding:12px 0; border-bottom:1px solid var(--border); font-weight:700; }
  .hero { grid-template-columns:1fr; min-height:auto; padding-top:50px; }
  .hero-visual { min-height:430px; }
  .ticker-inner { grid-template-columns:repeat(2,1fr); }
  .ticker-item:nth-child(2) { border-right:0; }
  .ticker-item { padding:16px 20px; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .platform-card { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
  .footer-grid>div:last-child { grid-column:2/4; }
}

@media (max-width: 680px) {
  .shell { width:min(100% - 24px,1180px); }
  .header-inner { height:64px; }
  .header-actions .icon-btn:first-child { display:none; }
  .primary-btn.small { display:none; }
  .hero { padding-top:36px; gap:24px; }
  h1 { font-size:45px; }
  .hero-sub { font-size:16px; }
  .signup-box { flex-direction:column; background:transparent; border:0; padding:0; }
  .signup-box input { min-height:54px; border:1px solid var(--border); background:var(--bg-soft); border-radius:12px; padding:0 14px; }
  .hero-metrics { gap:16px; justify-content:space-between; }
  .hero-visual { min-height:360px; }
  .portfolio-card { right:10px; width:88%; top:80px; }
  .btc-float { left:0; top:35px; transform:scale(.9); transform-origin:left top; }
  .security-float { bottom:40px; right:5px; transform:scale(.9); transform-origin:right bottom; }
  .ticker-inner { grid-template-columns:1fr; }
  .ticker-item { border-right:0; border-bottom:1px solid var(--border); }
  .ticker-item:last-child { border-bottom:0; }
  .market-section,.features,.platform-section,.cta-section { padding:78px 0; }
  .section-head { align-items:flex-start; flex-direction:column; }
  .market-toggle { width:100%; overflow:auto; }
  .market-row { grid-template-columns:1.4fr 1fr .8fr; padding:0 14px; }
  .market-row span:nth-child(4),.market-row span:nth-child(5),.market-row .trade-link { display:none; }
  .feature-grid { grid-template-columns:1fr; }
  .platform-card { padding:28px 20px; }
  .cta-card { flex-direction:column; align-items:flex-start; padding:32px 24px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid>div:first-child { grid-column:1/3; }
  .footer-grid>div:last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; gap:8px; }
}