:root{
  --bg:#04050a; --bg2:#080b14;
  --cy:#22e6ff; --cy2:#7af2ff; --mg:#ff2bd6; --vi:#9b7bff;
  --up:#2bffb0; --dn:#ff446b;
  --ink:#e6eefc; --ink2:#aab6cf; --mut:#6f7d9c;
  --line:rgba(60,200,255,.16); --line2:rgba(120,160,220,.28);
  --panel:rgba(9,13,24,.72);
  --gc:0 0 8px rgba(34,230,255,.6),0 0 22px rgba(34,230,255,.28);
  --gm:0 0 8px rgba(255,43,214,.6),0 0 22px rgba(255,43,214,.28);
  --disp:'Orbitron',sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Inter',system-ui,'Segoe UI',Roboto,sans-serif; --maxw:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* background layers */
.bg{position:fixed;inset:0;pointer-events:none;z-index:0}
.bg.glow{background:radial-gradient(60vw 55vh at 8% -8%,rgba(34,230,255,.20),transparent 60%),radial-gradient(55vw 50vh at 105% 108%,rgba(255,43,214,.16),transparent 60%),radial-gradient(40vw 40vh at 90% 6%,rgba(155,123,255,.10),transparent 60%)}
.bg.grid{background-image:linear-gradient(rgba(60,200,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(60,200,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(125vw 120vh at 50% -5%,#000 32%,transparent 82%);mask-image:radial-gradient(125vw 120vh at 50% -5%,#000 32%,transparent 82%)}
.bg.scan{background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 3px,transparent 4px);opacity:.45}
.bg.scan::after{content:"";position:absolute;left:0;right:0;height:30vh;background:linear-gradient(180deg,transparent,rgba(34,230,255,.06),transparent);animation:sweep 7s linear infinite}
@keyframes sweep{0%{top:-30vh}100%{top:120vh}}
.bg.vig{box-shadow:inset 0 0 220px 30px rgba(0,0,0,.9)}
.wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* nav */
nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(9px);background:linear-gradient(180deg,rgba(4,5,10,.94),rgba(4,5,10,.55));border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{font-family:var(--disp);font-weight:900;font-size:16px;letter-spacing:1.5px;white-space:nowrap}
.brand .c{color:var(--cy);text-shadow:var(--gc)} .brand .m{color:var(--mg);text-shadow:var(--gm)} .brand .x{color:var(--vi)}
.nav-right{display:flex;align-items:center;gap:9px}
.nav-soc{display:flex;gap:7px}
@media(max-width:600px){.nav-soc{display:none}}
.soc{width:30px;height:30px;border:1px solid var(--line2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);text-decoration:none;transition:.16s}
.soc svg{width:15px;height:15px;fill:currentColor}
.soc:hover{color:var(--cy);border-color:var(--cy);box-shadow:0 0 14px rgba(34,230,255,.3);transform:translateY(-1px)}
.soc-x:hover{color:#fff;border-color:#fff} .soc-telegram:hover{color:#29a9eb;border-color:#29a9eb} .soc-discord:hover{color:#7b86f6;border-color:#7b86f6} .soc-youtube:hover{color:#ff4d4d;border-color:#ff4d4d} .soc-reddit:hover{color:#ff6a33;border-color:#ff6a33}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(43,255,176,.4);border-radius:999px;padding:5px 12px;font-size:11px;color:var(--up);letter-spacing:.5px;white-space:nowrap}
.pill.off{border-color:rgba(255,68,107,.4);color:var(--dn)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 10px var(--up);animation:pulse 1.4s infinite}
.dot.off{background:var(--dn);box-shadow:0 0 10px var(--dn);animation:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* hero */
.hero{text-align:center;padding:64px 0 24px;position:relative}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--mut)}
.eyebrow b{color:var(--cy2);font-weight:500}
.glitch{font-family:var(--disp);font-weight:900;font-size:clamp(54px,13vw,126px);line-height:.9;letter-spacing:1px;position:relative;display:inline-block;margin:18px 0 0}
.glitch .a{background:linear-gradient(100deg,var(--cy),#cdf6ff 42%,var(--mg));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(34,230,255,.35)) drop-shadow(0 0 26px rgba(255,43,214,.22))}
.glitch .ar{color:var(--vi);-webkit-text-fill-color:var(--vi);filter:drop-shadow(0 0 16px rgba(155,123,255,.6));padding:0 .08em}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:18px;width:100%;opacity:0;pointer-events:none;-webkit-text-fill-color:currentColor}
.glitch::before{color:var(--mg);animation:g1 6s steps(1) infinite}
.glitch::after{color:var(--cy);animation:g2 6s steps(1) infinite}
@keyframes g1{0%,93%,100%{opacity:0;transform:none}94%{opacity:.55;transform:translate(-3px,2px)}97%{opacity:.4;transform:translate(2px,-2px)}}
@keyframes g2{0%,91%,100%{opacity:0;transform:none}92%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:.4;transform:translate(-2px,2px)}}
.lede{max-width:620px;margin:22px auto 0;color:var(--ink2);font-family:var(--sans);font-size:clamp(15px,2.3vw,17.5px);line-height:1.7}
.lede b{color:var(--ink);font-weight:500}
.bigval{font-family:var(--disp);font-weight:800;font-size:clamp(42px,9vw,72px);color:var(--cy);text-shadow:0 0 30px rgba(34,230,255,.5);letter-spacing:1px;line-height:1;margin-top:38px}
.since{margin-top:12px;font-family:var(--mono);font-size:14px;letter-spacing:.3px}
.since.up{color:var(--up)} .since.down{color:var(--dn)} .since.neutral{color:var(--ink2)}
.progwrap{margin:26px auto 0;max-width:720px}
.proghead{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12px;color:var(--mut);margin-bottom:9px;letter-spacing:.5px}
.proghead .pct{color:var(--cy);font-size:13.5px;text-shadow:var(--gc)}
.track{height:24px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.5);position:relative;overflow:hidden}
.fill{height:100%;width:0;min-width:4px;border-radius:999px;position:relative;background:linear-gradient(90deg,var(--cy),var(--vi) 55%,var(--mg));box-shadow:0 0 18px rgba(34,230,255,.55);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.fill::after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:shim 2.6s linear infinite}
@keyframes shim{100%{transform:translateX(150%)}}
.ticks{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--mono);font-size:10px;color:var(--mut);letter-spacing:1px}
.subnote{margin-top:10px;font-family:var(--mono);font-size:11.5px;color:var(--mut);letter-spacing:.5px}

/* section header */
section{padding-top:74px}
.sec{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.sec h2{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin:0;white-space:nowrap;color:var(--ink)}
.sec h2 i{color:var(--mg);font-style:normal;text-shadow:var(--gm)}
.sec .ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(34,230,255,.4),transparent)}
.sec .hint{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:1px;text-transform:uppercase}

/* generic panel + button */
.btn{font-family:var(--mono);font-size:12.5px;letter-spacing:.5px;cursor:pointer;border:1px solid var(--line2);background:rgba(34,230,255,.05);color:var(--ink);padding:11px 16px;border-radius:9px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:.16s}
.btn:hover{border-color:var(--cy);color:var(--cy);box-shadow:0 0 16px rgba(34,230,255,.25)}
.btn.m:hover{border-color:var(--mg);color:var(--mg);box-shadow:0 0 16px rgba(255,43,214,.25)}

/* authenticity */
.authbar{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(34,230,255,.06),var(--panel));border-radius:16px;padding:30px;text-align:center;box-shadow:0 0 40px rgba(34,230,255,.07),inset 0 0 0 1px rgba(34,230,255,.04)}
.authbar h2{font-family:var(--disp);font-weight:800;font-size:clamp(22px,4vw,30px);margin:0 0 12px;letter-spacing:.5px}
.authbar h2 b{color:var(--up);text-shadow:0 0 16px rgba(43,255,176,.4)}
.authbar p{max-width:600px;margin:0 auto;color:var(--ink2);font-family:var(--sans);font-size:15.5px;line-height:1.7}
.auth-addr{font-family:var(--mono);color:var(--cy2);font-size:clamp(11.5px,3vw,15px);word-break:break-all;background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:10px;padding:13px 15px;margin:20px auto 0;max-width:560px;box-shadow:inset 0 0 18px rgba(34,230,255,.08)}
.btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.chips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.chip{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.chip b{color:var(--up)}

/* THE TRADE */
.trade-card{border:1px solid rgba(255,43,214,.3);background:var(--panel);border-radius:16px;padding:26px;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(255,43,214,.08)}
.trade-card::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--cy),var(--mg));box-shadow:0 0 12px rgba(255,43,214,.5)}
.trade-state{font-family:var(--disp);font-weight:700;font-size:clamp(19px,4vw,26px);letter-spacing:.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trade-state .long{color:var(--up);text-shadow:0 0 10px var(--up)} .trade-state .short{color:var(--dn);text-shadow:0 0 10px var(--dn)} .trade-state .flat{color:var(--mut)}
.trade-explain{color:var(--ink2);font-family:var(--sans);margin:8px 0 0;font-size:15px}
.tpnl-wrap{margin:20px 0 4px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.tpnl{font-family:var(--disp);font-weight:800;font-size:clamp(36px,8vw,56px);letter-spacing:.5px;line-height:1}
.tpnl.up{color:var(--up);text-shadow:0 0 22px rgba(43,255,176,.4)} .tpnl.down{color:var(--dn);text-shadow:0 0 22px rgba(255,68,107,.4)} .tpnl.neutral{color:var(--ink)}
.trade-roe{color:var(--mut);font-family:var(--mono);font-size:13.5px}
.trade-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-top:22px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}
.dcell{background:var(--bg2);padding:14px 15px}
.dk{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.dv{font-family:var(--mono);font-size:17px;margin-top:6px;color:var(--ink)}
.dv.live::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up);margin-left:7px;vertical-align:middle;animation:pulse 1.4s infinite}
.dv.down{color:var(--dn)} .dv.cy{color:var(--cy)}
.ds{font-size:11px;color:var(--ink2);margin-top:5px;line-height:1.4}
.verify-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

/* vitals */
.vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.vcard{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:16px 18px;position:relative;overflow:hidden;transition:.18s}
.vcard::before{content:"";position:absolute;left:0;top:0;width:30px;height:2px;background:var(--cy);box-shadow:0 0 8px var(--cy)}
.vcard:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 6px 26px rgba(34,230,255,.08)}
.vk{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.vv{font-family:var(--disp);font-weight:700;font-size:22px;margin-top:9px;letter-spacing:.3px}
.vv.up{color:var(--up)} .vv.down{color:var(--dn)} .vv.neutral{color:var(--ink)}
.vs{font-size:11px;color:var(--ink2);margin-top:4px}

/* moves */
.moves{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}
.move{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(60,200,255,.07)}
.move:last-child{border-bottom:none}
.move:hover{background:rgba(34,230,255,.04)}
.mdir{font-family:var(--mono);font-size:13.5px;font-weight:500} .mdir.up{color:var(--up)} .mdir.down{color:var(--dn)}
.mmeta{font-family:var(--mono);font-size:11.5px;color:var(--mut);margin-top:3px}
.mmeta a{color:var(--cy);text-decoration:none;border-bottom:1px solid rgba(34,230,255,.35)}
.mmeta a:hover{text-shadow:var(--gc)}
.mt{font-family:var(--mono);font-size:11px;color:var(--mut);white-space:nowrap}
.empty{padding:26px;text-align:center;color:var(--mut);font-size:13.5px}
.lstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}
.lstat{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:13px 15px;position:relative;overflow:hidden}
.lstat::before{content:"";position:absolute;left:0;top:0;width:24px;height:2px;background:var(--cy);box-shadow:0 0 8px var(--cy)}
.lk{font-family:var(--mono);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.lv{font-family:var(--disp);font-weight:700;font-size:18px;margin-top:7px}
.lv.up{color:var(--up)}.lv.down{color:var(--dn)}.lv.neutral{color:var(--ink)}
.led{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(60,200,255,.07)}
.led:last-child{border-bottom:none}
.led:hover{background:rgba(34,230,255,.04)}
.led-act{font-family:var(--mono);font-size:13.5px;font-weight:500}
.led-act.open{color:var(--cy)}.led-act.up{color:var(--up)}.led-act.down{color:var(--dn)}.led-act.warn{color:var(--vi)}.led-act.neutral{color:var(--ink)}
.led-meta{font-family:var(--mono);font-size:11.5px;color:var(--mut);margin-top:4px}
.led-meta a{color:var(--cy);text-decoration:none;border-bottom:1px solid rgba(34,230,255,.35)}
.led-r{text-align:right;white-space:nowrap}
.led-pnl{font-family:var(--mono);font-size:14px;font-weight:500;display:block}
.led-pnl.up{color:var(--up)}.led-pnl.down{color:var(--dn)}
.led-t{font-family:var(--mono);font-size:11px;color:var(--mut);margin-top:3px}

/* equity */
.chartcard{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px 10px 6px;box-shadow:0 0 30px rgba(34,230,255,.05)}
svg.equity{width:100%;height:260px;display:block}

/* log */
.log-entry{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px 28px;margin-bottom:16px;position:relative}
.log-entry::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:3px;background:linear-gradient(var(--cy),var(--mg));box-shadow:0 0 10px rgba(34,230,255,.4)}
.log-top{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:12px;padding-left:12px}
.log-date{font-family:var(--mono);color:var(--cy);font-size:12px;border:1px solid var(--line);padding:3px 10px;border-radius:6px;letter-spacing:.5px}
.log-title{font-family:var(--disp);font-weight:600;font-size:16px;letter-spacing:.3px}
.log-body{padding-left:12px;color:var(--ink2);font-family:var(--sans);font-size:15.5px;line-height:1.75}
.log-body p{margin:.6em 0}
.log-body a{color:var(--mg);text-decoration:none;border-bottom:1px solid rgba(255,43,214,.4)}
.log-body strong{color:var(--ink);font-weight:600}
.log-body code{font-family:var(--mono);background:rgba(34,230,255,.08);border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-size:.9em;color:var(--cy2)}
.cursor{display:inline-block;width:8px;height:15px;background:var(--cy);margin-left:4px;vertical-align:-2px;box-shadow:0 0 8px var(--cy);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* rules */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.rule{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px 24px;position:relative;overflow:hidden}
.rule::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--mg);box-shadow:0 0 8px var(--mg)}
.rule .rn{font-family:var(--mono);font-size:11px;color:var(--cy);letter-spacing:1px}
.rule h3{font-family:var(--disp);font-weight:600;font-size:15px;margin:9px 0 8px;letter-spacing:.3px}
.rule p{margin:0;color:var(--ink2);font-family:var(--sans);font-size:14.5px;line-height:1.6}

/* follow */
.follow-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;border:1px solid var(--line2);background:var(--panel);border-radius:16px;padding:28px;box-shadow:0 0 36px rgba(255,43,214,.06)}
@media(max-width:720px){.follow-grid{grid-template-columns:1fr;text-align:center}}
.follow-lede{margin:0 0 18px;color:var(--ink2);font-family:var(--sans);font-size:15.5px}
.soc-big{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
@media(max-width:720px){.soc-big,.share-row{justify-content:center}}
.socbtn{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:10px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:13px;background:rgba(255,255,255,.02);transition:.16s}
.socbtn svg{width:18px;height:18px;fill:currentColor;flex:none}
.socbtn:hover{border-color:var(--cy);color:var(--cy);box-shadow:0 0 16px rgba(34,230,255,.2);transform:translateY(-2px)}
.socbtn.soc-x:hover{color:#fff;border-color:#fff} .socbtn.soc-telegram:hover{color:#29a9eb;border-color:#29a9eb} .socbtn.soc-discord:hover{color:#7b86f6;border-color:#7b86f6} .socbtn.soc-youtube:hover{color:#ff4d4d;border-color:#ff4d4d} .socbtn.soc-reddit:hover{color:#ff6a33;border-color:#ff6a33}
.share-row{display:flex;gap:10px;flex-wrap:wrap}
.follow-qr{display:flex;flex-direction:column;align-items:center}
.qrbox{background:#e7eefb;padding:11px;border-radius:13px;line-height:0;box-shadow:0 0 26px rgba(34,230,255,.2)}
.qrbox img,.qrbox canvas{display:block;border-radius:6px}
.qr-cap{font-family:var(--mono);font-size:10.5px;color:var(--mut);margin-top:11px;letter-spacing:1.5px;text-transform:uppercase}

/* footer */
.foot-soc{display:flex;gap:10px;justify-content:center;margin:10px 0 16px}
.disclaimer{margin-top:30px;border:1px solid rgba(255,68,107,.25);background:rgba(255,68,107,.05);border-radius:13px;padding:18px 22px;font-family:var(--sans);font-size:13.5px;color:#ffc2ce;line-height:1.7}
.disclaimer b{color:var(--dn)}
footer{padding:56px 0 80px;text-align:center;color:var(--mut);font-size:12.5px;line-height:1.9;letter-spacing:.3px}
footer .fb{font-family:var(--disp);color:var(--cy);text-shadow:var(--gc);letter-spacing:1px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:560px){
  section{padding-top:54px}
  .hero{padding:44px 0 16px}
  .authbar,.trade-card{padding:22px 18px}
  .log-entry{padding:20px 20px}
}
.embed-box{border:1px solid var(--line);background:var(--bg2);border-radius:11px;padding:14px 16px;overflow-x:auto}
.embed-box code{font-family:var(--mono);font-size:12.5px;color:var(--cy2);white-space:pre-wrap;word-break:break-all;line-height:1.6}
