@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{--bg:#07090d;--s1:#0d1117;--s2:#121821;--b:#1c2430;--b2:#273142;--t:#e7ecf3;--t2:#8b96a8;--t3:#5b6678;--a:#3ee6a8;--a2:rgba(62,230,168,.12);--r:#ff5c7a;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:48px;--rad:10px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t);font:14px/1.5 Inter,system-ui,sans-serif;background-image:radial-gradient(900px 400px at 70% -100px,rgba(62,230,168,.07),transparent),linear-gradient(var(--b) 1px,transparent 1px),linear-gradient(90deg,var(--b) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,transparent,var(--bg) 70%);pointer-events:none;z-index:-1}
a{color:var(--a);text-decoration:none}.mono,code,td.n,.num{font-family:"JetBrains Mono",ui-monospace,monospace;font-feature-settings:"tnum"}
header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(7,9,13,.8);border-bottom:1px solid var(--b)}
.hd{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:var(--sp5);padding:var(--sp3) var(--sp5)}
.logo{display:flex;align-items:center;gap:var(--sp2);color:var(--t);font-weight:700;font-size:16px;letter-spacing:-.02em}
.logo svg{width:26px;height:26px}
nav{display:flex;gap:var(--sp1);margin-right:auto}nav a{color:var(--t2);padding:6px 10px;border-radius:6px;font-weight:500}nav a:hover,nav a.on{color:var(--t);background:var(--s2)}
.slot{font:500 12px "JetBrains Mono";color:var(--t2);border:1px solid var(--b);border-radius:6px;padding:6px 10px;white-space:nowrap}.slot b{color:var(--a);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp2);background:var(--a);color:#03140d;border:0;padding:9px 16px;border-radius:8px;font:600 13px Inter;cursor:pointer;box-shadow:0 0 0 1px rgba(62,230,168,.4),0 6px 24px -6px rgba(62,230,168,.5);transition:.15s}
.btn:hover{filter:brightness(1.08)}.btn.lg{padding:13px 20px;font-size:14px;width:100%}.btn.ghost{background:transparent;color:var(--t);box-shadow:inset 0 0 0 1px var(--b2)}
.btn.red{background:var(--r);color:#fff;box-shadow:0 6px 24px -8px rgba(255,92,122,.6)}
main{max-width:1180px;margin:0 auto;padding:var(--sp6) var(--sp5) 96px}
.card{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--b);border-radius:var(--rad);padding:var(--sp5)}
.card h3,.lbl{margin:0 0 var(--sp4);font-size:11px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.08em}
.grid{display:grid;gap:var(--sp4)}.g2{grid-template-columns:1.25fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.eyebrow{display:inline-flex;gap:var(--sp2);align-items:center;font:500 12px "JetBrains Mono";color:var(--a);background:var(--a2);border:1px solid rgba(62,230,168,.25);padding:4px 10px;border-radius:99px}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--a);box-shadow:0 0 8px var(--a)}
h1{font-size:44px;line-height:1.08;letter-spacing:-.035em;margin:var(--sp4) 0 var(--sp3);font-weight:700}h1 span{color:var(--a)}
.sub{color:var(--t2);font-size:16px;max-width:520px;margin:0 0 var(--sp6)}
.steps{display:grid;gap:var(--sp3)}.step{display:grid;grid-template-columns:32px 1fr;gap:var(--sp3);padding:var(--sp4);border:1px solid var(--b);border-radius:var(--rad);background:rgba(13,17,23,.6)}
.step .k{font:600 12px "JetBrains Mono";color:var(--a);border:1px solid rgba(62,230,168,.3);border-radius:6px;height:28px;display:grid;place-items:center}
.step b{display:block;font-weight:600;margin-bottom:2px}.step p{margin:0;color:var(--t2);font-size:13px}
label{display:block;font-size:12px;font-weight:500;color:var(--t2);margin:var(--sp4) 0 6px}
input,textarea{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--b2);border-radius:8px;color:var(--t);font:14px Inter;outline:0;transition:.15s}
input:focus,textarea:focus{border-color:var(--a);box-shadow:0 0 0 3px var(--a2)}textarea{resize:vertical;min-height:72px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp3)}
.drop{display:flex;align-items:center;gap:var(--sp3);border:1px dashed var(--b2);border-radius:8px;padding:var(--sp3);color:var(--t2);font-size:13px;cursor:pointer}.drop .ph{width:44px;height:44px;border-radius:8px;background:var(--s2);border:1px solid var(--b);display:grid;place-items:center}
.drop input{display:none}
.sum{margin:var(--sp5) 0 var(--sp4);border:1px solid var(--b);border-radius:8px;overflow:hidden}.sum div{display:flex;justify-content:space-between;padding:10px 12px;font-size:13px;color:var(--t2)}.sum div+div{border-top:1px solid var(--b)}.sum b{font:500 13px "JetBrains Mono";color:var(--t)}
.kv{display:flex;justify-content:space-between;padding:var(--sp2) 0;color:var(--t2);font-size:13px}.kv b{font:500 13px "JetBrains Mono";color:var(--t)}
.stat .v{font:600 22px "JetBrains Mono";letter-spacing:-.02em}.stat .d{font:500 12px "JetBrains Mono";color:var(--t3);margin-top:2px}
.up{color:var(--a)!important}.dn{color:var(--r)!important}.mut{color:var(--t3)}
.pill{display:inline-flex;align-items:center;gap:6px;font:500 11px "JetBrains Mono";padding:3px 8px;border-radius:99px;border:1px solid var(--b2);color:var(--t2);white-space:nowrap}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.live{color:var(--a);border-color:rgba(62,230,168,.35);background:var(--a2)}.pill.win{color:#7ab8ff;border-color:rgba(122,184,255,.35)}.pill.closed{color:var(--t3)}.pill.q{color:#f5c26b;border-color:rgba(245,194,107,.35)}
table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);text-align:left;padding:10px 12px;border-bottom:1px solid var(--b);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--b)}tr:last-child td{border:0}
th.s{cursor:pointer;user-select:none}th.s:hover{color:var(--t)}th.s::after{content:" ↕";opacity:.4}td.n,th.n{text-align:right}tbody tr:hover{background:rgba(255,255,255,.02)}
.tw{overflow-x:auto;margin:0 calc(var(--sp5)*-1);padding:0 var(--sp5)}
.coin{display:flex;align-items:center;gap:var(--sp4);margin-bottom:var(--sp5);flex-wrap:wrap}.av{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3ee6a8,#1b7f8c);display:grid;place-items:center;font:700 22px Inter;color:#03140d}
.coin h2{margin:0;font-size:24px;letter-spacing:-.02em}.coin .m{color:var(--t2);font-size:12px}
.chart svg{width:100%;height:260px;display:block}
.cd{font:600 40px "JetBrains Mono";letter-spacing:-.03em}.bar{height:6px;background:var(--b);border-radius:99px;overflow:hidden;margin:var(--sp3) 0}.bar i{display:block;height:100%;background:var(--a);box-shadow:0 0 12px var(--a)}
.wf{display:grid;gap:var(--sp3)}.wfr{border:1px solid var(--b);border-radius:8px;padding:var(--sp3)}.wfh{display:flex;justify-content:space-between;font:500 12px "JetBrains Mono";color:var(--t2);margin-bottom:var(--sp2)}
.seg{display:flex;height:22px;border-radius:5px;overflow:hidden;gap:2px}.seg span{display:grid;place-items:center;font:600 10px "JetBrains Mono";color:#03140d;min-width:0;overflow:hidden}
.seg .p{background:#5b6678;color:#fff}.seg .y{background:var(--a)}.seg .u{background:#1b7f8c;color:#fff}
.lg{display:flex;gap:var(--sp4);flex-wrap:wrap;font-size:12px;color:var(--t2);margin-top:var(--sp3)}.lg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.split{display:flex;height:10px;border-radius:99px;overflow:hidden;margin:var(--sp3) 0}
.rules{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp3);counter-reset:r}.rules li{display:grid;grid-template-columns:28px 1fr;color:var(--t2);font-size:13px}.rules li::before{counter-increment:r;content:counter(r,decimal-leading-zero);font:500 12px "JetBrains Mono";color:var(--t3)}.rules b{color:var(--t);font-weight:600}
.mock{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:30;display:flex;align-items:center;gap:8px;background:rgba(13,17,23,.92);backdrop-filter:blur(8px);border:1px solid rgba(245,194,107,.35);color:#f5c26b;padding:7px 14px;border-radius:99px;font:500 12px "JetBrains Mono";white-space:nowrap}.mock::before{content:"";width:6px;height:6px;border-radius:50%;background:#f5c26b}
#deeplink{display:none;margin-bottom:var(--sp4);border-color:rgba(245,194,107,.35)}
.ph1{display:flex;justify-content:space-between;align-items:end;gap:var(--sp4);flex-wrap:wrap;margin-bottom:var(--sp5)}.ph1 h1{font-size:32px;margin:0}
.sp{height:var(--sp4)}
@media(max-width:900px){.g2{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr}}
@media(max-width:640px){.hd{padding:var(--sp3) var(--sp4);gap:var(--sp3);flex-wrap:wrap}nav{order:3;width:100%;margin:0;overflow-x:auto}.hd .slot{display:none}.logo{margin-right:auto}main{padding:var(--sp5) var(--sp4) 96px}h1{font-size:32px}.sub{font-size:15px}.row{grid-template-columns:1fr}.card{padding:var(--sp4)}.tw{margin:0 calc(var(--sp4)*-1);padding:0 var(--sp4)}.cd{font-size:32px}.stat .v{font-size:18px}.mock{font-size:11px}.ph1 h1{font-size:26px}}