.join-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-inline:20px}
.join-page::before{background-size:400px 320px;background-position:0 0;opacity:.74}
.join-header{width:100%;display:flex;align-items:center;justify-content:center;padding-block:48px 32px}
.join-header .brand{transform:translateX(-8px)}
.join-layout{width:min(100%,480px);margin:clamp(12px,5vh,48px) auto 48px}
.join-content{position:relative;padding-top:42px;text-align:center}


.join-content h1{font-size:46px;font-weight:700;line-height:1.16;letter-spacing:-1.4px}
.join-actions{display:flex;flex-direction:column;margin-top:34px}
.join-actions .button{width:100%}
.browser-note{font-size:15px;line-height:1.7;color:#dedfe3;font-weight:450;text-align:center;margin:18px 12px 26px;text-wrap:pretty}
.browser-note strong{font-weight:600;color:#f7f8f8}.browser-note strong:first-child{font-size:21px;line-height:0;letter-spacing:1px}
.info-link{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:12px;color:var(--text);font-size:16px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#62646c;transition:color .2s}
.info-link:hover{color:#fff;text-decoration-color:#fff}


@media(max-width:600px){.join-page{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.join-header{padding-block:30px 24px}.join-layout{max-width:440px;margin:auto;transform:translateY(-24px)}.join-content{padding-top:0}.join-content h1{font-size:clamp(30px,8.5vw,40px);letter-spacing:-.8px}.join-actions{margin-top:28px}.browser-note{font-size:15px;margin:16px 4px 24px}.info-link{font-size:15px}}
@media(max-width:360px){.join-header{padding-top:24px}.join-layout{margin-top:12px}.join-content h1{font-size:30px}}
@media(max-width:600px){.join-layout{margin-block:auto}}
@media(prefers-reduced-motion:no-preference){.join-content{animation:join-in .6s var(--ease) both}@keyframes join-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}


@media(max-width:760px){
 .join-page::before{background-size:360px 288px;background-position:center 12px;opacity:.58}
 .join-content h1{font-size:clamp(30px,9vw,38px);font-weight:510;line-height:1.1;letter-spacing:-.022em}
 .browser-note,.info-link{font-size:16px;line-height:1.6;letter-spacing:-.011em}
}