.join{position:relative;min-height:100dvh;overflow:hidden;background:var(--sky-haze);background-attachment:fixed}.join:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.38) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,#000 35%,transparent 75%);mask-image:linear-gradient(180deg,#000,#000 35%,transparent 75%)}.join-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 32px}.join-h1{position:relative;z-index:4;text-align:center;margin:8px 16px 0;font-size:clamp(32px,5vw,60px);line-height:1.04;font-weight:800;letter-spacing:-2px}.join-h1 span{color:#2f5a74}.join-card{position:relative;z-index:3;width:460px;max-width:calc(100% - 32px);margin:60px auto 0;background:#fff;border:1px solid #e4e4e0;border-radius:24px;box-shadow:0 40px 80px rgba(11,53,80,.16),0 0 0 10px rgba(255,255,255,.45);padding:30px 32px 28px;display:flex;flex-direction:column;gap:12px;text-align:center}.join-card h2{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.6px;margin:4px 0 0}.join-card p{margin:0 0 6px;font-size:14px;line-height:1.55;color:#5c5c58}.join-legend{position:relative;z-index:4;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:13px;color:#5c5c58;margin:36px 16px 0}.join-legend span{display:flex;align-items:center;gap:8px}.sw{display:inline-flex;width:14px;height:12px;border-radius:3px;font-style:normal;align-items:center;justify-content:center}.sw.raw{border:1px dashed #bdbdb8;background:#f1f1ef}.sw.ok{background:#18a058;color:#fff;font-size:9px;border-radius:50%;width:14px;height:14px}.join-sky{position:relative;height:200px;margin-top:24px;opacity:.85;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);overflow:hidden}@media (max-width:700px){.join-top{padding:16px}}