/* ─── Header ─── */
.ee-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;
  border-bottom:1px solid rgba(0,229,212,.08);
  background:rgba(3,14,18,.85);backdrop-filter:blur(28px);
  position:sticky;top:0;z-index:100}
.ee-logo{font-family:var(--title);font-size:1.15rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--text);animation:glitch 8s ease-in-out infinite}
.ee-logo em{color:var(--c1);font-style:normal;
  text-shadow:0 0 12px rgba(0,229,212,.6),0 0 30px rgba(0,229,212,.2)}
.ee-hright{display:flex;align-items:center;gap:12px}
.ee-langs{display:flex;gap:3px;background:rgba(0,229,212,.05);
  border:1px solid rgba(0,229,212,.12);border-radius:20px;padding:3px}
.ee-lb{padding:4px 12px;border-radius:16px;border:none;background:transparent;
  color:var(--text2);font-family:var(--sans);font-size:.72rem;font-weight:700;transition:.2s}
.ee-lb.on{background:linear-gradient(135deg,var(--g1),var(--g2));
  color:#fff;box-shadow:0 0 12px rgba(255,45,94,.4)}

/* ─── Ticker ─── */
.ee-ticker{overflow:hidden;border-bottom:1px solid rgba(0,229,212,.06);
  padding:6px 0;background:rgba(0,0,0,.3)}
.ee-ttrack{display:flex;gap:36px;width:max-content;animation:trun 38s linear infinite;white-space:nowrap}
.ee-ttrack:hover{animation-play-state:paused}
@keyframes trun{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ee-ti{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.7rem;color:var(--text2)}
.ee-ti .ts{color:var(--c1);font-weight:600}
.ee-ti .chgup{color:var(--c1);font-size:.63rem}
.ee-ti .chgdn{color:var(--red);font-size:.63rem}
.ee-ti-sep{color:var(--text3);font-size:.55rem}

/* ─── Main ─── */
.ee-main{max-width:780px;margin:0 auto;padding:36px 16px 90px}

/* ─── Hero ─── */
.ee-hero{text-align:center;margin-bottom:36px}
.ee-hero h1{font-family:var(--title);font-size:clamp(1.5rem,4vw,2.4rem);
  font-weight:700;line-height:1.15;letter-spacing:2px;text-transform:uppercase;
  color:var(--text)}
.ee-hero h1 em{color:var(--c1);font-style:normal;
  text-shadow:0 0 20px rgba(0,229,212,.5),0 0 40px rgba(0,229,212,.15)}
.ee-hero p{color:var(--text3);margin-top:10px;font-size:.75rem;
  font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase}

/* ─── Market bar ─── */
.ee-mbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.ee-mstat{background:rgba(0,229,212,.03);
  border:1px solid rgba(0,229,212,.09);
  border-radius:var(--radius);padding:13px 16px;
  transition:.2s;position:relative;overflow:hidden}
.ee-mstat::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,212,.3),transparent)}
.ee-mstat-l{font-size:.58rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--text3);font-weight:700;font-family:var(--mono);margin-bottom:5px}
.ee-mstat-v{font-family:var(--mono);font-size:.86rem;font-weight:600;
  color:var(--text);display:flex;align-items:center;gap:6px}
.ee-mstat-v .up{color:var(--c1);font-size:.7rem}
.ee-mstat-v .dn{color:var(--red);font-size:.7rem}
.ee-mstat-v .sk{width:60px;height:12px;border-radius:4px;
  background:linear-gradient(90deg,var(--card2),rgba(0,229,212,.15),var(--card2));
  background-size:200% 100%;animation:shimmer 1.5s infinite}

/* ─── Tabs ─── */
.ee-tabs{display:flex;background:rgba(0,229,212,.04);
  border:1px solid rgba(0,229,212,.1);border-radius:var(--radius);
  padding:4px;width:fit-content;margin:0 auto 24px;gap:4px}
.ee-tb{padding:9px 32px;border-radius:var(--radius-sm);border:none;background:transparent;
  color:var(--text3);font-family:var(--sans);font-size:.85rem;font-weight:700;
  transition:.22s;letter-spacing:.5px}
.ee-tb.on{background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;
  box-shadow:0 0 18px rgba(255,45,94,.4),0 4px 12px rgba(0,0,0,.4)}

/* ─── Card ─── */
.ee-card{background:rgba(5,20,25,.7);
  border:1px solid rgba(0,229,212,.10);
  border-radius:var(--radius-lg);
  backdrop-filter:blur(40px);
  box-shadow:var(--shadow),
    inset 0 1px 0 rgba(0,229,212,.08),
    0 0 60px rgba(0,0,0,.5);
  padding:26px 26px 24px;
  position:relative;overflow:hidden}
.ee-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,212,.35),transparent)}
.ee-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,45,94,.15),transparent)}

/* ─── Support button ─── */
.ee-support-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;
  background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.2);
  border-radius:20px;color:var(--g1);font-family:var(--sans);font-size:.75rem;
  font-weight:700;text-decoration:none;transition:.2s;white-space:nowrap}
.ee-support-btn:hover{background:rgba(0,255,136,.15);border-color:rgba(0,255,136,.4);
  box-shadow:0 0 14px rgba(0,255,136,.15)}