/* Shared localized join-page flight cue. */
.join-page{position:relative;max-width:510px;padding-left:clamp(58px,18vw,92px);padding-right:22px}
.cta{background:#087abe;border-color:#238fd2;box-shadow:0 4px 0 #044d79,inset 0 1px 0 #ffffff18;transition:background-color 150ms,transform 150ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine){.cta:hover{background:#096fac;transform:translateY(-1px)}}
.cta:active{background:#0767a0;transform:translateY(2px);box-shadow:0 2px 0 #044d79}
.cta:focus-visible{outline:3px solid #a2dbff;outline-offset:6px}
.join-direction{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
.direction-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.direction-path{fill:none;stroke:#4ab7f7;stroke-width:2.25;stroke-dasharray:1 7;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke;opacity:.65}
.direction-end{display:none}
.direction-runner{position:absolute;top:0;left:0;width:20px;height:20px;offset-anchor:center;offset-rotate:auto 45deg;color:#d1efff;opacity:0}
.direction-runner svg{display:block;width:20px;height:20px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision}
.join-direction[data-ready='true'] .direction-runner{opacity:1}
.direction-toggle{display:block;margin:0 auto;min-height:44px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#8eb7d0;font:11px/1.4 Arial,sans-serif;cursor:pointer}
.direction-toggle:hover:not(:disabled){color:#caecff;background:#0d1e28}
.direction-toggle:disabled{color:#8b9ca6;cursor:default}
@media(prefers-reduced-motion:reduce){.cta{transition:none!important;transform:none!important}}

html[dir="rtl"] .join-page{padding-left:22px;padding-right:clamp(58px,18vw,92px)}
.join-direction{direction:ltr}
.menu-hint{pointer-events:none;height:156px}
.menu-hint svg{top:0}
.menu-hint span{top:108px}