html{scroll-snap-type:none;scroll-padding-top:var(--nav-height)}
body.join-page{min-height:100vh;display:flex;flex-direction:column;overscroll-behavior-y:auto}
.join-page>.footer{width:100%;margin-top:auto}
.join-main{flex:1 0 auto;width:min(100% - 32px,980px);position:relative;z-index:2;margin:0 auto;padding:calc(var(--nav-height) + 58px) 0 70px}
.join-hero{max-width:780px;margin:0 auto 32px;text-align:center}.join-hero h1{margin:15px 0 10px;color:#fff;font-size:clamp(2rem,5vw,3.25rem)}.join-hero>p{color:var(--text-muted);line-height:1.7}
.join-steps{display:grid;gap:12px}.join-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:21px 23px;background:rgba(16,13,24,.88);border:1px solid rgba(255,255,255,.08);border-radius:16px}.join-step-number{width:42px;height:42px;display:grid;place-items:center;color:#d8c7ff;font-size:.78rem;font-weight:800;background:rgba(139,92,246,.13);border:1px solid rgba(167,139,250,.25);border-radius:13px}.join-step h2{margin:1px 0 7px;color:#f6f1ff;font-size:1.05rem}.join-step p{margin:0 0 8px;color:var(--text-muted);font-size:.9rem;line-height:1.6}.join-cta,.join-copy{min-height:38px;display:inline-flex;align-items:center;gap:8px;margin-top:5px;padding:9px 13px;color:#e7dbff;font:inherit;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;background:rgba(139,92,246,.13);border:1px solid rgba(167,139,250,.28);border-radius:10px}.join-cta:hover,.join-copy:hover{background:rgba(139,92,246,.23)}.join-cta[hidden]{display:none}.join-note{display:block;color:#938aa1;font-size:.76rem;line-height:1.5}.join-help{margin-top:18px;padding:23px;background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.18);border-radius:16px}.join-help h2{margin:0 0 7px;color:#fff;font-size:1.08rem}.join-help p{margin:0 0 14px;color:var(--text-muted);font-size:.86rem}.join-page .nav-links a{white-space:nowrap}@media(max-width:650px){.join-main{padding-top:calc(var(--nav-height) + 35px)}.join-step{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px}.join-step-number{width:34px;height:34px}.join-page .nav-actions{display:none}}