.join-page{isolation:isolate;position:relative}.join-scene{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.join-scene__aurora{background:radial-gradient(at 20% 24%,#a879ef26,#0000 35%),radial-gradient(at 90%,#79dbe517,#0000 30%),radial-gradient(at 45% 85%,#a879ef14,#0000 35%);animation:24s ease-in-out infinite alternate join-aurora;position:absolute;inset:-10% -20%}.join-lettermark{top:2rem;right:var(--container-pad);opacity:.7;pointer-events:none;filter:drop-shadow(0 0 8px #a879ef33);width:clamp(16rem,30vw,26rem);position:absolute;overflow:visible}.join-lettermark rect{transform-box:fill-box;transform-origin:50%;animation:join-pixels 14s var(--pixel-delay) ease-in-out infinite}.join-scene__ember{opacity:0;animation:join-ember var(--ember-duration) var(--ember-delay) linear infinite}.join-scene__ember:nth-of-type(2n){background:var(--color-accent);box-shadow:0 0 14px var(--color-accent)}@keyframes join-aurora{to{opacity:.65;transform:translate(4%,-3%)scale(1.08)}}@keyframes join-pixels{0%,20%,85%,to{opacity:1;transform:translate(0)scale(1)}45%,55%{transform:translate(var(--pixel-x), var(--pixel-y)) scale(.55);opacity:.15}}@keyframes join-ember{0%{opacity:0;transform:translateY(10vh)rotate(0)}20%,70%{opacity:.55}to{opacity:0;transform:translate(2rem,-40vh)rotate(90deg)}}@media (max-width:38rem){.join-lettermark{opacity:.5;width:8rem;top:1.5rem}.join-scene__ember:nth-of-type(n+13){display:none}}@media (prefers-reduced-motion:reduce){.join-page .join-scene *,.join-page .join-lettermark rect{animation:none}.join-scene__ember{opacity:.25}}