.co-hero{position:relative}.co{pointer-events:none;width:440px;height:440px;position:absolute;top:50px;right:10px}.co-glow{background:radial-gradient(circle,color-mix(in srgb,var(--s2) 35%,transparent),transparent 70%);filter:blur(20px);border-radius:50%;animation:4s ease-in-out infinite ofp;position:absolute;inset:25%}.co-ring{border:1px dashed #2f3850;border-radius:50%;animation:60s linear infinite coSpin;position:absolute}.co-ring.r1{inset:22%}.co-ring.r2{animation-duration:90s;animation-direction:reverse;inset:2%}.co-ring span{width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--R) * -1));position:absolute;top:50%;left:50%}.co-ring.r1 span{--R:121px}.co-ring.r2 span{--R:211px}.co-ring span i{width:34px;height:34px;font:600 10px var(--mono);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--c) 30%,transparent);transform:rotate(calc(var(--a) * -1));background:#0e121b;border-radius:10px;place-items:center;font-style:normal;animation:60s linear infinite coUn;display:grid;position:absolute;top:-17px;left:-17px}.co-ring.r2 span i{animation:90s linear infinite coUn2}.co-ring.r1 span:nth-child(3n) i{animation-name:coUn,coBeat;animation-duration:60s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite}.co-ring.r2 span:nth-child(3n) i{animation-name:coUn2,coBeat;animation-duration:90s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite}@keyframes coSpin{to{transform:rotate(360deg)}}@keyframes coUn{0%{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(calc(var(--a) * -1 - 360deg))}}@keyframes coUn2{0%{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(calc(var(--a) * -1 + 360deg))}}@keyframes coBeat{50%{box-shadow:0 0 26px var(--c)}}.co-core{text-align:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--s2) 40%,#141a28),#0b0e16 70%);border:1px solid color-mix(in srgb,var(--s2) 60%,transparent);width:132px;height:132px;box-shadow:0 0 50px color-mix(in srgb,var(--s2) 35%,transparent);border-radius:50%;place-content:center;margin:-66px;display:grid;position:absolute;top:50%;left:50%}.co-core:before,.co-core:after{content:"";border:1px solid var(--s2);opacity:0;border-radius:50%;animation:3s ease-out infinite coPing;position:absolute;inset:-10px}.co-core:after{animation-delay:1.5s}@keyframes coPing{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.co-core b{font:700 15px var(--display);color:#fff}.co-core small{font:500 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--s2);margin-top:4px}.co-you{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#0b0e16;background:#fff;border-radius:999px;padding:6px 12px;position:absolute;bottom:20px;right:6px;box-shadow:0 0 24px #ffffff59}@media (width<=1240px){.co{opacity:.55;width:360px;height:360px}.co-ring.r1 span{--R:99px}.co-ring.r2 span{--R:173px}}@media (width<=1060px){.co{display:none}}@media (prefers-reduced-motion:reduce){.co *{animation:none!important}}.of{background:radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--s1) 12%,transparent),transparent 60%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,var(--s2) 12%,transparent),transparent 60%),linear-gradient(180deg,#121621,#0b0e16);border:1px solid #262c3b;border-radius:20px;margin-top:28px;position:relative;overflow:hidden}.of:before{content:"";pointer-events:none;background-image:radial-gradient(#96aadc17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.of-top{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#8f97aa;border-bottom:1px solid #222838;align-items:center;gap:14px;padding:16px 24px;display:flex;position:relative}.of-live{color:var(--lime);align-items:center;gap:7px;display:flex}.of-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s infinite ofp;box-shadow:0 0 10px}@keyframes ofp{50%{opacity:.35}}.of-ill{color:#7c8498;margin-left:auto;font-size:9.5px}.of-trackwrap{padding:30px 24px 10px;position:relative;overflow-x:auto}.of-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.of-svg .ln{stroke:#2a3248;stroke-width:2px}.of-svg .ln2{stroke:url(#ofG);stroke-width:2.5px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--s1) 60%,transparent));transition:all .6s}.of-svg .loop{fill:none;stroke:#ff7a9c;stroke-width:1.6px;stroke-dasharray:5 6;opacity:0;transition:opacity .4s;animation:1s linear infinite ofDash}.of-svg .loop.on{opacity:.9}.of-svg text{font:500 10.5px var(--mono);fill:#ff9db4;letter-spacing:.08em;opacity:0;transition:opacity .4s}.of-svg text.on{opacity:1}@keyframes ofDash{to{stroke-dashoffset:-22px}}.of-svg .tok{fill:#fff;filter:drop-shadow(0 0 8px var(--s1))}.of-track{grid-template-columns:repeat(8,minmax(118px,1fr));gap:10px;min-width:980px;margin:0;padding:0;list-style:none;display:grid;position:relative}.of-st{z-index:1;cursor:pointer;text-align:center;background:#0f131df2;border:1px solid #2a3144;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;transition:all .45s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.of-st:hover{border-color:#47506a}.of-n{font:600 10.5px var(--mono);color:#6f778a;transition:color .4s}.of-st b{color:#c9cfdb;font-size:15px;transition:color .4s}.of-av{flex-wrap:wrap;justify-content:center;gap:4px;min-height:24px;display:flex}.of-av i{width:24px;height:24px;font-style:normal;font:600 8.5px var(--mono);color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:7px;place-items:center;transition:all .4s;display:grid}.of-st.done{border-color:color-mix(in srgb,var(--lime) 30%,#2a3144)}.of-st.done .of-n{color:var(--lime)}.of-st.on{border-color:var(--s1);box-shadow:0 0 0 4px color-mix(in srgb,var(--s1) 14%,transparent),0 18px 40px color-mix(in srgb,var(--s1) 20%,transparent);transform:translateY(-6px)}.of-st.on b{color:#fff}.of-st.on .of-n{color:var(--s1)}.of-st.on .of-av i{background:var(--c);color:#0b0e16;animation:.5s both ofPop}.of-st.on .of-av i:nth-child(2){animation-delay:80ms}.of-st.on .of-av i:nth-child(3){animation-delay:.16s}.of-st.on .of-av i:nth-child(4){animation-delay:.24s}@keyframes ofPop{0%{transform:scale(.6)}}.of-pool{border:1px dashed color-mix(in srgb,var(--s2) 45%,#2a3144);background:color-mix(in srgb,var(--s2) 6%,transparent);border-radius:12px;align-items:center;gap:14px;margin:14px 24px 0;padding:12px 16px;display:flex;position:relative;overflow:hidden}.of-pool:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--s2) 14%,transparent),transparent);animation:4s linear infinite ofSweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes ofSweep{to{transform:translate(100%)}}.of-pool-in{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s2);white-space:nowrap;align-items:center;gap:8px;display:flex}.of-pool-in i{background:var(--s2);width:9px;height:9px;box-shadow:0 0 10px var(--s2);border-radius:50%;animation:1.6s infinite ofp}.of-pool-t{color:#9aa2b3;font-size:13.5px}.of-detail{background:linear-gradient(#151a26,#10141e);border:1px solid #2a3144;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:16px 24px 0;padding:20px;display:grid;position:relative}.of-detail.swap{animation:.5s both ofIn}@keyframes ofIn{0%{opacity:.2;transform:translateY(8px)}}.of-dl{align-items:flex-start;gap:16px;display:flex}.of-dn{width:48px;height:48px;font:700 16px var(--mono);color:#0b0e16;background:var(--s1);box-shadow:0 0 24px color-mix(in srgb,var(--s1) 50%,transparent);border-radius:14px;flex:none;place-items:center;display:grid}.of-dl h3{font:700 22px var(--display);letter-spacing:-.02em;margin:0 0 6px}.of-dl p{color:#b7bfcf;margin:0;font-size:15.5px;line-height:1.6}.of-roles{flex-wrap:wrap;gap:8px;display:flex}.of-roles span{border:1px solid color-mix(in srgb,var(--c) 40%,#2a3144);color:#e6eaf2;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:13.5px;animation:.4s both ofIn;display:inline-flex}.of-roles span i{width:24px;height:24px;font-style:normal;font:600 9px var(--mono);color:#0b0e16;background:var(--c);border-radius:50%;place-items:center;display:grid}.of-out{background:#0a0d14;border:1px solid #222838;border-radius:10px;margin-top:14px;padding:12px 14px}.of-out span{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#6f778a;display:block}.of-out b{color:var(--lime);margin-top:4px;font-size:15px;display:block}.of-out small{color:#8f97aa;margin-top:2px;font-size:13px;display:block}.of-you{color:#b7bfcf;align-items:center;gap:12px;margin:14px 24px 22px;font-size:14px;display:flex;position:relative}.of-you span{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#0b0e16;background:#fff;border-radius:999px;padding:5px 10px}.ag-tabs{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.ag-tabs button{all:unset;cursor:pointer;border:1px solid var(--line2);color:#c9cfdb;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.ag-tabs button em{font-style:normal;font:600 11px var(--mono);color:var(--dim)}.ag-tabs button:hover{border-color:var(--c,#5a6275)}.ag-tabs button:focus-visible{outline:2px solid var(--glow)}.ag-tabs button[aria-pressed=true]{color:#0b0e16;background:#fff;border-color:#fff}.ag-tabs button[aria-pressed=true] em{color:#5f6779}.ag-wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:20px;display:grid}.ag-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;display:grid}.ag-card{all:unset;box-sizing:border-box;cursor:pointer;animation:.5s cubic-bezier(.2,.8,.2,1) both agIn;animation-delay:var(--d);background:linear-gradient(#121621,#0d1018);border:1px solid #262c3b;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .35s;display:flex}@keyframes agIn{0%{opacity:0;transform:translateY(10px)scale(.97)}}.ag-card i{width:40px;height:40px;font-style:normal;font:600 12px var(--mono);color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:11px;flex:none;place-items:center;transition:all .35s;display:grid}.ag-card b{color:#eef1f7;font-size:14.5px;display:block}.ag-card small{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7c8498;margin-top:3px;display:block}.ag-card:hover{border-color:color-mix(in srgb,var(--c) 60%,transparent);transform:translateY(-2px)}.ag-card:focus-visible{outline:2px solid var(--c);outline-offset:2px}.ag-card.sel{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 14%,transparent),0 12px 30px color-mix(in srgb,var(--c) 18%,transparent)}.ag-card.sel i{background:var(--c);color:#0b0e16}.ag-card.hide{display:none}.ag-more{cursor:default;--c:#8f97aa;border-style:dashed}.ag-panel{background:radial-gradient(80% 60% at 100% 0%,color-mix(in srgb,var(--pc,var(--s1)) 16%,transparent),transparent 60%),linear-gradient(180deg,#151a26,#10141e);border:1px solid #2a3144;border-radius:16px;padding:22px;transition:background .5s;position:sticky;top:90px}.ag-panel.swap>*{animation:.45s both ofIn}.ag-ph{align-items:center;gap:14px;display:flex}.ag-ph i{width:52px;height:52px;font-style:normal;font:700 15px var(--mono);color:#0b0e16;background:var(--pc,var(--s1));box-shadow:0 0 26px color-mix(in srgb,var(--pc,var(--s1)) 50%,transparent);border-radius:15px;place-items:center;display:grid}.ag-ph b{font:700 22px var(--display);letter-spacing:-.02em;display:block}.ag-ph small{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pc,var(--s1));margin-top:3px;display:block}.ag-panel>p{color:#c9cfdb;margin:14px 0 0;font-size:15.5px;line-height:1.6}.ag-sec{margin-top:16px}.ag-sec>span{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#6f778a;margin-bottom:8px;display:block}.ag-sec ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.ag-sec li{color:#d5dbe6;gap:10px;font-size:14.5px;display:flex}.ag-sec li:before{content:"";background:var(--pc,var(--s1));border-radius:2px;flex:none;width:7px;height:7px;margin-top:7px;transform:rotate(45deg)}.ag-sec b{color:#eef1f7;font-size:14.5px;font-weight:600}.ag-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ag-minis{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin-top:22px;display:grid}.ag-mini{animation:.5s both agIn;animation-delay:var(--d);background:linear-gradient(#121621,#0d1018);border:1px solid #262c3b;border-radius:14px;padding:18px;transition:border-color .3s,transform .3s}.ag-mini:hover{border-color:var(--glow);transform:translateY(-2px)}.ag-mini b{margin-bottom:6px;font-size:16px;display:block}.ag-mini span{color:#97a0b2;font-size:14px;line-height:1.5}.ag-pre{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.ag-pre div{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,#11151f),#0c0f17);border:1px solid #262c3b;border-radius:14px;padding:20px;position:relative;overflow:hidden}.ag-pre div:before{content:"";background:var(--c);height:3px;position:absolute;top:0;left:0;right:0}.ag-pre b{font-size:18px}.ag-pre em{font-style:normal;font:600 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c9cfdb;background:#262c3b;border-radius:5px;margin-left:8px;padding:3px 7px}.ag-pre span{color:#97a0b2;margin-top:8px;font-size:14px;display:block}@media (width<=960px){.ag-wrap{grid-template-columns:1fr}.ag-panel{position:static}.of-detail{grid-template-columns:1fr}.ag-pre{grid-template-columns:1fr 1fr}}@media (width<=560px){.ag-pre{grid-template-columns:1fr}.of-pool-t{display:none}}
