.join{--join:#5865f2;--join-hi:#6d78ff;height:var(--tile,46px);color:#eef0ff;white-space:nowrap;transition:transform .25s var(--ease,cubic-bezier(.2, .7, .2, 1)), box-shadow .25s var(--ease,cubic-bezier(.2, .7, .2, 1));background:#000;border:1px solid #ffffffb3;border-radius:14px;align-items:stretch;text-decoration:none;display:inline-flex;overflow:hidden}.join-body{align-items:center;gap:9px;padding:0 13px 0 10px;display:flex}.join-mark{flex:none;width:24px;height:24px}.join-copy{line-height:1;display:grid}.join-copy small{letter-spacing:.2em;text-transform:uppercase;color:#8f96c9;font:500 .5rem/1 Readex Pro,Inter,sans-serif}.join-copy b{letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font:400 1.12rem/.9 Anton,Outfit,sans-serif}.join-stub{-moz-column-gap:7px;background:var(--join);color:#fff;transition:background-color .2s var(--ease,cubic-bezier(.2, .7, .2, 1));border-left:1.5px dashed #000000e6;grid-template-columns:auto auto;align-content:center;column-gap:7px;padding:0 12px;display:grid}.join-stub b{letter-spacing:.03em;text-transform:uppercase;font-variant-numeric:tabular-nums;font:400 .98rem/.92 Anton,Outfit,sans-serif}.join-stub small{letter-spacing:.14em;text-transform:uppercase;opacity:.8;grid-column:1;margin-top:2px;font:600 .48rem/1 Readex Pro,Inter,sans-serif}.join-stub svg{transition:transform .25s var(--ease,cubic-bezier(.2, .7, .2, 1));grid-area:1/2/span 2;align-self:center}.join:active{transform:scale(.97)}.join:focus-visible{outline:2px solid var(--join);outline-offset:3px}@media (hover:hover){.join:hover{transform:translateY(-3px);box-shadow:0 10px 22px -12px #5865f2e6}.join:hover .join-stub{background:var(--join-hi)}.join:hover .join-stub svg{transform:translate(2px,-2px)}}.wg-mark{width:100%;position:relative}.wg-layer{width:100%;height:100%;display:block;position:absolute;inset:0}img.wg-layer{-o-object-fit:contain;object-fit:contain;max-width:none}.wg-r,.wg-c,.wg-holo{-webkit-mask:var(--wg-mask) center / contain no-repeat;-webkit-mask:var(--wg-mask) center / contain no-repeat;mask:var(--wg-mask) center / contain no-repeat}.wg-r{mix-blend-mode:screen;background:#ff2d6f}.wg-c{mix-blend-mode:screen;background:#19e6ff}.wg-holo{mix-blend-mode:multiply;opacity:0;background:linear-gradient(100deg,#0000 0%,#ffaaf000 30%,#ffaaf0d9 40%,#a0e6fff2 48%,#c8ffdcd9 54%,#fff0 64%,#0000 100%) 130% 0/260% 100%}.join{position:relative}.join-flip{border-radius:inherit;clip-path:inset(0 100% 0 0);pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px),radial-gradient(at 50% 120%,#5865f273,#0000 70%),#000;place-items:center;padding:0 12px;display:grid;position:absolute;inset:0}.join-flip-mark{clip-path:inset(0 100% 0 0);width:100%;max-height:62%}.join-flip-scan{z-index:2;opacity:0;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px 2px #a0e6ffe6,0 0 22px 4px #ff2d6f59}.join-flip-mark .wg-r,.join-flip-mark .wg-c{opacity:0}@media (hover:hover){.join:hover .join-flip,.join:focus-visible .join-flip{animation:.34s cubic-bezier(.65,0,.35,1) forwards wg-wipe}.join:hover .join-flip-scan,.join:focus-visible .join-flip-scan{animation:.5s cubic-bezier(.65,0,.35,1) 80ms forwards wg-scan}.join:hover .join-flip-mark,.join:focus-visible .join-flip-mark{animation:.5s cubic-bezier(.65,0,.35,1) 80ms forwards wg-wipe}.join:hover .join-flip-mark .wg-r{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both wg-split-r,3.5s step-end 1.2s infinite wg-glitch}.join:hover .join-flip-mark .wg-c{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both wg-split-c,3.5s step-end 1.25s infinite reverse wg-glitch}.join:hover .join-flip-mark .wg-holo{animation:2.4s ease-in-out .6s infinite wg-holo}.join:hover{border-color:#fff;box-shadow:0 0 0 3px #5865f240,0 12px 26px -12px #5865f2}}.wg-reveal{z-index:300;color:#fff;cursor:pointer;background:#000;place-items:center;animation:.4s both wg-black;display:grid;position:fixed;inset:0;overflow:hidden}.wg-reveal[data-state=out]{animation:.45s ease-in 50ms both wg-black-out}.wg-reveal[data-state=out] .wg-stage{animation:.45s cubic-bezier(.5,0,.75,0) both wg-leave}.wg-reveal:after{content:"";pointer-events:none;background:radial-gradient(#0000 45%,#000000bf 100%),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.wg-grid{transform-origin:50% 100%;opacity:0;background:linear-gradient(0deg,#a0e6ff66 1px,#0000 1px) 0 0/100% 48px,linear-gradient(90deg,#a0e6ff66 1px,#0000 1px) 0 0/64px 100%;height:55%;animation:1.2s .9s forwards wg-grid-in,3s linear .9s infinite wg-grid-run;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(420px)rotateX(62deg);-webkit-mask:linear-gradient(#0000 15%,#000 100%);mask:linear-gradient(#0000 15%,#000 100%)}.wg-rings{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.wg-rings i{opacity:0;border:1px solid #a0e6ff80;border-radius:50%;grid-area:1/1;width:40vmin;height:40vmin;animation:1.6s cubic-bezier(.1,.7,.3,1) .75s forwards wg-ring}.wg-rings i:nth-child(2){border-color:#ff2d6f66;animation-delay:.95s}.wg-rings i:nth-child(3){border-color:#ffffff59;animation-delay:1.15s}.wg-line{background:#fff;height:1px;animation:.9s cubic-bezier(.7,0,.2,1) .15s forwards wg-line;position:absolute;top:50%;left:0;right:0;transform:scaleX(0);box-shadow:0 0 16px 2px #a0e6ffe6}.wg-stage{z-index:2;clip-path:inset(50% 0);width:min(86vw,980px);animation:.7s cubic-bezier(.7,0,.2,1) .6s forwards wg-open;position:relative}.wg-push{filter:blur(14px);animation:1.1s cubic-bezier(.16,1,.3,1) .6s forwards wg-grow,9s ease-out 1.7s forwards wg-drift;transform:scale(.72)}.wg-stage-mark .wg-r{animation:1.2s cubic-bezier(.2,.8,.2,1) .6s both wg-split-r-big,4.5s step-end 2.4s infinite wg-glitch}.wg-stage-mark .wg-c{animation:1.2s cubic-bezier(.2,.8,.2,1) .6s both wg-split-c-big,4.5s step-end 2.45s infinite reverse wg-glitch}.wg-stage-mark .wg-holo{animation:3.2s ease-in-out 1.5s infinite wg-holo}.wg-stage-mark .wg-base{filter:drop-shadow(0 0 24px #a0e6ff59)}.wg-hud{inset:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 18px);pointer-events:none;position:absolute}.wg-corner{letter-spacing:.26em;text-transform:uppercase;color:#fff9;opacity:0;align-items:center;gap:6px;padding:10px 12px;font:500 .56rem/1 Readex Pro,Inter,sans-serif;animation:.6s 1.35s forwards wg-hud;display:inline-flex;position:absolute}.wg-corner:before{content:"";border:0 solid #ffffffbf;width:14px;height:14px;position:absolute}.wg-corner.tl{top:0;left:0}.wg-corner.tl:before{border-top-width:1px;border-left-width:1px;top:0;left:0}.wg-corner.tr{animation-delay:1.45s;top:0;right:0}.wg-corner.tr:before{border-top-width:1px;border-right-width:1px;top:0;right:0}.wg-corner.bl{animation-delay:1.55s;bottom:0;left:0}.wg-corner.bl:before{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.wg-corner.br{animation-delay:1.65s;bottom:0;right:0}.wg-corner.br:before{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.wg-t{display:none}@media (hover:none){.wg-k{display:none}.wg-t{display:inline}}.wg-dot{background:var(--online,#23a55a);width:6px;height:6px;box-shadow:0 0 8px var(--online,#23a55a);border-radius:50%;animation:1.6s ease-in-out infinite wg-breathe}.wg-cta{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 13vh);z-index:3;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:12px;animation:.7s cubic-bezier(.16,1,.3,1) 1.9s forwards wg-rise;display:flex;position:absolute;transform:translateY(12px)}.wg-cta>*{pointer-events:auto}.wg-join{color:#000;letter-spacing:.06em;text-transform:uppercase;height:46px;transition:transform .25s var(--ease,cubic-bezier(.2, .7, .2, 1)), box-shadow .25s var(--ease,cubic-bezier(.2, .7, .2, 1));background:#fff;border:1px solid #fffc;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font:400 1.05rem/1 Anton,Outfit,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 0 0 6px #ffffff0f,0 0 40px #a0e6ff59}.wg-join svg{transition:transform .25s var(--ease,cubic-bezier(.2, .7, .2, 1))}.wg-join:focus-visible{outline-offset:4px;outline:2px solid #19e6ff}.wg-close{color:#ffffff73;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 12px;font:500 .6rem/1 Readex Pro,Inter,sans-serif}@media (hover:hover){.wg-join:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 0 6px #ffffff1a,0 0 60px #a0e6ff8c}.wg-join:hover svg{transform:translate(2px,-2px)}.wg-close:hover{color:#fff}}@media (max-width:520px){.wg-stage{width:90vw}.wg-corner{letter-spacing:.2em;font-size:.5rem}}@keyframes wg-wipe{to{clip-path:inset(0)}}@keyframes wg-scan{0%{opacity:1;left:0}90%{opacity:1;left:calc(100% - 2px)}to{opacity:0;left:calc(100% - 2px)}}@keyframes wg-split-r{0%{opacity:1;transform:translate(-6px,1px)}to{opacity:0;transform:none}}@keyframes wg-split-c{0%{opacity:1;transform:translate(6px,-1px)}to{opacity:0;transform:none}}@keyframes wg-split-r-big{0%{opacity:1;transform:translate(-6%,2%)}to{opacity:0;transform:none}}@keyframes wg-split-c-big{0%{opacity:1;transform:translate(6%,-2%)}to{opacity:0;transform:none}}@keyframes wg-glitch{0%,91%,to{opacity:0;transform:none}92%{opacity:.9;transform:translate(-1.2%)}94%{opacity:.9;transform:translate(1%,.4%)}96%{opacity:.6;transform:translate(-.4%)}}@keyframes wg-holo{0%{opacity:0;background-position:130% 0}15%{opacity:1}85%{opacity:1}to{opacity:0;background-position:-30% 0}}@keyframes wg-fade{to{opacity:1}}@keyframes wg-black{0%{background-color:#0000}to{background-color:#000}}@keyframes wg-black-out{to{opacity:0}}@keyframes wg-leave{to{filter:blur(10px);opacity:0;transform:scale(1.18)}}@keyframes wg-line{0%{opacity:1;transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes wg-open{to{clip-path:inset(-20% -10%)}}@keyframes wg-grow{to{filter:blur();transform:scale(1)}}@keyframes wg-drift{0%{scale:1}to{scale:1.07}}@keyframes wg-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes wg-grid-in{to{opacity:.8}}@keyframes wg-grid-run{0%{background-position:0 0,0 0}to{background-position:0 48px,0 0}}@keyframes wg-hud{0%{opacity:0;letter-spacing:.6em}to{opacity:1}}@keyframes wg-rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wg-grid,.wg-rings,.wg-line,.join-flip-scan,.wg-r,.wg-c,.wg-holo{display:none}.wg-stage,.join-flip-mark{clip-path:none}.wg-push{filter:none;transform:none}}@keyframes wg-breathe{0%,to{opacity:.35}50%{opacity:1}}.join.join--block{width:100%;height:46px;display:flex}.join--block .join-body{flex:1}
