.center-page{display:grid;min-height:100vh;place-items:center;background:var(--whiff-charcoal) url(/brand/patterns/whiff-pick-lane.svg) center /cover no-repeat;padding:var(--whiff-space-8)}.join-card{position:relative;width:min(100%,580px);overflow:hidden;border-radius:var(--whiff-radius-feature);background:var(--whiff-chalk);color:var(--whiff-charcoal);padding:clamp(var(--whiff-space-8),6vw,var(--whiff-space-16))}.join-card:after{position:absolute;top:-90px;right:-90px;width:240px;height:240px;background:var(--whiff-charcoal);content:"";-webkit-mask:url(/brand/whiff-target.svg) center/contain no-repeat;mask:url(/brand/whiff-target.svg) center/contain no-repeat;opacity:.04;pointer-events:none}.join-card>*{position:relative;z-index:1}.join-card a:focus-visible,.join-card button:focus-visible,.join-card input:focus-visible{outline-color:var(--focus-on-light)}.join-card .brand-wordmark{margin-bottom:var(--whiff-space-16)}.join-card .eyebrow{color:var(--whiff-graphite)}.join-card h1{margin:0 0 var(--whiff-space-5);font-size:clamp(3.5rem,10vw,5.75rem);line-height:.88;letter-spacing:-.02em}.join-card>p:not(.eyebrow):not(.fine-print){margin:0;color:var(--whiff-graphite);line-height:1.6}.code-form{display:grid;grid-gap:var(--whiff-space-3);gap:var(--whiff-space-3);margin:var(--whiff-space-8) 0}.code-form label{font-size:.8125rem;font-weight:var(--whiff-weight-text-strong)}.code-form input,.invite-token{min-height:52px;border:1px solid var(--line-on-light);border-radius:var(--whiff-radius-control);background:transparent;color:var(--whiff-charcoal);padding:var(--whiff-space-4);font-family:var(--whiff-font-display);font-size:1rem;font-weight:var(--whiff-weight-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.12em}.invite-token{margin:var(--whiff-space-8) 0;text-align:center}.join-card .fine-print{margin:var(--whiff-space-4) 0;color:var(--whiff-graphite)}.button-outline-on-light{margin:var(--whiff-space-3) 0;background:transparent;color:var(--whiff-charcoal)}.button-outline-on-light:hover{background:var(--whiff-charcoal);color:var(--whiff-chalk)}.join-card .text-link{display:flex;width:max-content}@media (max-width:520px){.center-page{padding:var(--whiff-space-3)}.join-card{border-radius:var(--whiff-radius-card);padding:var(--whiff-space-8) var(--whiff-space-6)}.join-card .brand-wordmark{margin-bottom:var(--whiff-space-12)}}