*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#020408;--bg2:#040a10;--bg3:#05101a;--green:#00ff88;--red:#ff2d55;--blue:#00d4ff;--orange:#ff6b00;--text:#d8eef8;--muted:#385a6a;--border:rgba(0,255,136,0.08);--border2:rgba(0,255,136,0.2)}
html,body{width:100%;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden;cursor:none}
body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.018) 3px,rgba(0,0,0,.018) 4px);pointer-events:none;z-index:999}
#c1{position:fixed;width:9px;height:9px;background:var(--green);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .18s,height .18s}
#c2{position:fixed;width:28px;height:28px;border:1px solid rgba(0,255,136,.32);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .22s,height .22s}
nav{position:fixed;top:0;left:0;right:0;z-index:500;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(2,4,8,.93);backdrop-filter:blur(22px);border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:9px;font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.08em;text-decoration:none;color:var(--text)}
.ld{width:7px;height:7px;background:var(--green);border-radius:50%;animation:blink 1.3s infinite}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 7px var(--green)}50%{opacity:.1;box-shadow:none}}
.nlinks{display:flex;gap:26px}
.nlinks a{color:var(--muted);text-decoration:none;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}
.nlinks a:hover{color:var(--green)}
.npills{display:flex;gap:7px;align-items:center}
.npill{display:flex;align-items:center;gap:5px;padding:5px 11px;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.13);font-family:'Space Mono',monospace;font-size:11px}
.npill .ns{color:var(--muted)}.npill .nv{color:var(--green)}.npill .nc{color:var(--green);font-size:9px}
.npill.dn .nv,.npill.dn .nc{color:var(--red)}
.nbtn{padding:7px 16px;background:var(--green);color:#000;border:none;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:none;transition:transform .14s,box-shadow .14s}
.nbtn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,255,136,.26)}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:68px 40px 66px;position:relative;overflow:hidden}
.hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,136,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.032) 1px,transparent 1px);background-size:54px 54px;animation:gm 15s linear infinite}
@keyframes gm{from{background-position:0 0}to{background-position:54px 54px}}
.orb{position:absolute;border-radius:50%;filter:blur(88px);pointer-events:none}
.oa{width:680px;height:680px;top:-160px;left:-160px;background:radial-gradient(circle,rgba(0,255,136,.1),transparent);animation:od 13s ease-in-out infinite alternate}
.ob{width:480px;height:480px;top:12%;right:-130px;background:radial-gradient(circle,rgba(0,212,255,.09),transparent);animation:od 10s ease-in-out infinite alternate-reverse}
.oc{width:340px;height:340px;bottom:6%;left:32%;background:radial-gradient(circle,rgba(255,107,0,.08),transparent);animation:od 17s ease-in-out infinite alternate}
@keyframes od{from{transform:translate(0,0) scale(1)}to{transform:translate(48px,38px) scale(1.16)}}
#hcan{position:absolute;inset:0;z-index:1;pointer-events:none}
.hey{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:18px;opacity:0;transform:translateY(16px);animation:fu .55s .1s forwards}
.hey::before{content:'';width:26px;height:1px;background:var(--green)}
.hh1{position:relative;z-index:2;font-family:'Bebas Neue',sans-serif;font-size:clamp(70px,11vw,146px);line-height:.87;letter-spacing:.02em;margin-bottom:10px;opacity:0;transform:translateY(36px);animation:fu .68s .32s forwards}
.hh1 .a{color:var(--green);display:block}
.hh1 .g{-webkit-text-stroke:1px rgba(0,255,136,.28);color:transparent;display:block}
.hdesc{position:relative;z-index:2;max-width:500px;font-size:15px;line-height:1.72;color:var(--muted);margin-bottom:34px;opacity:0;transform:translateY(16px);animation:fu .68s .55s forwards}
.hdesc strong{color:var(--text);font-weight:400}
.hbtns{position:relative;z-index:2;display:flex;gap:13px;opacity:0;transform:translateY(16px);animation:fu .68s .75s forwards}
.bng{display:inline-flex;align-items:center;gap:9px;padding:12px 28px;background:var(--green);color:#000;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .18s,box-shadow .18s;cursor:none}
.bng:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,255,136,.26)}
.bnw{display:inline-flex;align-items:center;gap:9px;padding:12px 28px;background:transparent;color:var(--green);border:1px solid rgba(0,255,136,.3);font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .18s,border-color .18s;cursor:none}
.bnw:hover{background:rgba(0,255,136,.06);border-color:var(--green)}
@keyframes fu{to{opacity:1;transform:translateY(0)}}
.htick{position:absolute;bottom:0;left:0;right:0;z-index:3;height:37px;display:flex;align-items:center;overflow:hidden;background:rgba(0,255,136,.052);border-top:1px solid rgba(0,255,136,.13)}
.ttag{flex-shrink:0;padding:0 16px;height:100%;display:flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);background:rgba(0,255,136,.1);border-right:1px solid rgba(0,255,136,.16)}
.ttag .td2{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink .9s infinite}
.twrap{overflow:hidden;flex:1}
.tinn{display:flex;gap:42px;animation:st 26s linear infinite;width:max-content;padding:0 18px}
@keyframes st{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:'Space Mono',monospace;font-size:11px}
.ti .ts{color:var(--text);font-weight:700}.ti .tp{color:var(--muted)}.ti .tu{color:var(--green)}.ti .td3{color:var(--red)}
.mq{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:12px 0;overflow:hidden}
.mqin{display:flex;gap:42px;animation:mq 21s linear infinite;width:max-content}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mqi{display:flex;align-items:center;gap:13px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.mqi .di{color:var(--green)}
.psec{padding:48px 40px 0}
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;max-width:1360px;margin:0 auto;border:1px solid var(--border)}
.pc{background:var(--bg3);padding:20px 17px;position:relative;overflow:hidden;transition:background .2s;cursor:none}
.pc:hover{background:#081520}
.pc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .36s}
.pc:hover::after{transform:scaleX(1)}
.pcoin{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.ci{width:25px;height:25px;border-radius:50%;background:rgba(0,255,136,.09);border:1px solid rgba(0,255,136,.16);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:10px}
.psym{font-family:'Space Mono',monospace;font-weight:700;font-size:13px}
.pname{font-size:11px;color:var(--muted)}
.pprice{font-family:'Space Mono',monospace;font-size:18px;font-weight:700;margin-bottom:5px;transition:color .22s}
.pchg{font-family:'Space Mono',monospace;font-size:11px;padding:2px 6px;display:inline-block}
.up{background:rgba(0,255,136,.08);color:var(--green)}
.dn{background:rgba(255,45,85,.08);color:var(--red)}
canvas.sp{width:100%;height:36px;margin-top:9px;display:block}
.sec{padding:66px 40px;max-width:1360px;margin:0 auto}
.secfull{padding:66px 40px;background:var(--bg2)}
.secfi{max-width:1360px;margin:0 auto}
.sl{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:13px;display:flex;align-items:center;gap:11px}
.sl::before{content:'';width:21px;height:1px;background:var(--green)}
.st{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4.8vw,58px);line-height:.92;letter-spacing:.03em;margin-bottom:42px}
.ng{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.nh{position:relative;height:450px;overflow:hidden;background:var(--bg3);border:1px solid var(--border);cursor:none}
.nhbg{position:absolute;inset:0;background:linear-gradient(135deg,#020b16,#031524,#02080e);transition:transform .52s}
.nh:hover .nhbg{transform:scale(1.04)}
.nhfx{position:absolute;inset:0;background-image:radial-gradient(circle at 22% 50%,rgba(0,255,136,.065) 0%,transparent 48%),radial-gradient(circle at 76% 18%,rgba(0,212,255,.052) 0%,transparent 40%);animation:fxs 9s ease-in-out infinite alternate}
@keyframes fxs{from{opacity:1}to{opacity:.45;transform:scale(1.09)}}
.nhcon{position:absolute;bottom:0;left:0;right:0;padding:26px;background:linear-gradient(to top,rgba(2,4,8,.96) 0%,transparent 100%)}
.ntag{display:inline-flex;align-items:center;gap:5px;background:rgba(0,255,136,.12);border:1px solid rgba(0,255,136,.26);padding:3px 9px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:11px}
.ntag .nd{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink .82s infinite}
.nht{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,3vw,36px);line-height:.92;letter-spacing:.02em;margin-bottom:9px}
.nm{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted)}
.nm span{color:var(--green)}
.rm{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-family:'Space Mono',monospace;font-size:11px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:gap .18s}
.rm:hover{gap:12px}
.nsb{display:flex;flex-direction:column;gap:1px}
.nc{background:var(--bg3);border:1px solid var(--border);padding:17px;position:relative;overflow:hidden;cursor:none;transition:background .18s,border-color .18s}
.nc:hover{background:#081520;border-color:rgba(0,255,136,.18)}
.nc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--green);transform:scaleY(0);transform-origin:bottom;transition:transform .26s}
.nc:hover::before{transform:scaleY(1)}
.nct{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.nctit{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.02em;line-height:.93;margin-bottom:6px}
.ncm{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted)}
.nca{position:absolute;top:17px;right:17px;font-size:16px;color:var(--green);opacity:0;transform:translate(-4px,4px);transition:opacity .18s,transform .18s}
.nc:hover .nca{opacity:1;transform:translate(0,0)}
.chwrap{position:relative;width:100%;height:290px;margin-top:40px}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.tc{background:var(--bg3);border:1px solid var(--border);padding:24px;position:relative;overflow:hidden;cursor:none;transition:border-color .2s,transform .26s}
.tc:hover{border-color:rgba(0,255,136,.26);transform:translateY(-4px)}
.tc::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,255,136,.06) 0%,transparent 56%);opacity:0;transition:opacity .26s;pointer-events:none}
.tc:hover::after{opacity:1}
.tcn{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;color:rgba(0,255,136,.048);position:absolute;top:9px;right:13px}
.tccat{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}
.tct{font-family:'Bebas Neue',sans-serif;font-size:21px;letter-spacing:.02em;line-height:.92;margin-bottom:9px}
.tcd{font-size:13px;line-height:1.62;color:var(--muted);margin-bottom:13px}
.tcf{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:10px}
.tctime{color:var(--muted)}.tcv{color:var(--green)}
.lg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--border)}
.lc{background:var(--bg3);padding:24px 20px;transition:background .2s;cursor:none}
.lc:hover{background:#081520}
.lst{display:inline-flex;align-items:center;gap:5px;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;padding:3px 8px}
.lst.live{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);color:var(--green)}
.lst.live .ld2{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink .88s infinite}
.lst.soon{background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.16);color:var(--blue)}
.lst.ended{background:rgba(255,45,85,.06);border:1px solid rgba(255,45,85,.16);color:var(--red)}
.lnm{font-family:'Bebas Neue',sans-serif;font-size:25px;letter-spacing:.03em;margin-bottom:4px}
.lchn{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:13px}
.ldv{margin-bottom:8px}
.ldl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-family:'Space Mono',monospace}
.ldd{font-family:'Space Mono',monospace;font-size:14px}
.lbar{height:3px;background:rgba(255,255,255,.04);margin-top:16px;overflow:hidden}
.lf{height:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.4s .3s ease;background:var(--green)}
.lf.on{transform:scaleX(1)}
.lbl{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);margin-top:5px;display:flex;justify-content:space-between}
.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.ac{background:var(--bg3);border:1px solid var(--border);overflow:hidden;cursor:none;transition:transform .26s,border-color .26s}
.ac:hover{transform:translateY(-5px);border-color:rgba(0,255,136,.2)}
.acimg{height:162px;overflow:hidden}
.acimgb{width:100%;height:100%;transition:transform .48s}
.ac:hover .acimgb{transform:scale(1.07)}
.acb{padding:19px}
.acc{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.cg{color:var(--green)}.cb{color:var(--blue)}.co{color:var(--orange)}
.act{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.02em;line-height:.92;margin-bottom:8px}
.ace{font-size:13px;line-height:1.58;color:var(--muted);margin-bottom:13px}
.acf{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:9px}
.aca{color:var(--green)}
.crsec{padding:88px 40px}
.crinn{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1fr 1.22fr;gap:68px;align-items:center}
.crvis{position:relative;height:470px}
.crbg{position:absolute;inset:0;background:var(--bg3);border:1px solid var(--border);overflow:hidden}
.crscan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--green),transparent);animation:scan 3.6s linear infinite;box-shadow:0 0 16px var(--green)}
@keyframes scan{from{top:0}to{top:100%}}
.crgov{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,136,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.023) 1px,transparent 1px);background-size:27px 27px}
.crnbg{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:'Bebas Neue',sans-serif;font-size:112px;color:rgba(0,255,136,.036);line-height:1;overflow:hidden;white-space:nowrap;letter-spacing:.04em}
.crbadge{position:absolute;top:20px;left:20px;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.26);padding:6px 13px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.crhex{position:absolute;bottom:20px;right:20px;width:70px;height:70px;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.16);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:12px;color:var(--green);letter-spacing:.08em;animation:hs 9s linear infinite}
@keyframes hs{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.crt{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4.6vw,58px);line-height:.9;letter-spacing:.02em;margin-bottom:17px}
.crb{font-size:15px;line-height:1.76;color:var(--muted);margin-bottom:12px}
.crq{margin:24px 0;padding:17px 21px;border-left:2px solid var(--green);background:rgba(0,255,136,.038);font-family:'Space Mono',monospace;font-size:13px;line-height:1.66;font-style:italic}
.crst{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:26px}
.csn{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--green);line-height:1}
.csl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:'Space Mono',monospace;margin-top:2px}
.ctasec{padding:108px 40px;text-align:center;position:relative;overflow:hidden}
.ctasec::before{content:'';position:absolute;top:50%;left:50%;width:760px;height:760px;background:radial-gradient(circle,rgba(0,255,136,.088) 0%,transparent 60%);transform:translate(-50%,-50%);filter:blur(68px);pointer-events:none;animation:cpulse 7s ease-in-out infinite}
@keyframes cpulse{0%,100%{opacity:.52;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.17)}}
.ctah{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,9vw,120px);line-height:.87;letter-spacing:.02em;margin-bottom:20px;position:relative;z-index:1}
.ctah em{color:var(--green);font-style:normal}
.ctasub{font-size:15px;color:var(--muted);margin-bottom:34px;position:relative;z-index:1}
.ctabtns{display:flex;gap:13px;justify-content:center;position:relative;z-index:1}
footer{border-top:1px solid var(--border);padding:34px 40px;display:flex;justify-content:space-between;align-items:center}
.flogo{font-family:'Bebas Neue',sans-serif;font-size:19px;display:flex;align-items:center;gap:7px}
.fcopy{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted)}
.flinks{display:flex;gap:20px}
.flinks a{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}
.flinks a:hover{color:var(--green)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .62s ease}
.rv.on{opacity:1;transform:translateY(0)}
.rvl{opacity:0;transform:translateX(-24px);transition:opacity .62s ease,transform .62s ease}
.rvl.on{opacity:1;transform:translateX(0)}
.rvr{opacity:0;transform:translateX(24px);transition:opacity .62s ease,transform .62s ease}
.rvr.on{opacity:1;transform:translateX(0)}
@media(max-width:900px){
nav{padding:0 16px}.hero{padding:68px 16px 58px}
.pgrid,.tg,.ag,.lg,.ng,.crinn{grid-template-columns:1fr}
.nlinks,.npills{display:none}.crvis{height:260px}
footer{flex-direction:column;gap:13px;text-align:center}
.sec,.secfull,.psec,.crsec,.ctasec{padding:56px 16px}
}