.join{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 0 80px}.join__wrap{width:100%;max-width:640px;margin:0 auto;padding:0 clamp(24px,5vw,60px);position:relative}.join__progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:1000}.join__progress-fill{height:100%;width:25%;background:var(--accent);border-radius:0 2px 2px 0;transition:width .5s cubic-bezier(.16,1,.3,1)}.join__step{display:none;animation:joinFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.join__step--active{display:block}@keyframes joinFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.join__step-inner{padding:clamp(32px,5vw,56px) 0}.join__step-inner--confirm{text-align:center;padding:clamp(48px,8vw,80px) 0}.join__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(16px,2vw,24px)}.join__title{font-family:var(--serif);font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.03em;color:var(--text);margin-bottom:16px}.join__title--sm{font-size:clamp(32px,4.5vw,48px)}.join__sub{font-size:clamp(16px,1.4vw,19px);color:var(--text-dim);line-height:1.6;margin-bottom:clamp(36px,5vw,52px);max-width:460px}.join__sub--confirm{max-width:380px;margin-inline:auto}.join__fields{display:flex;flex-direction:column;gap:clamp(24px,3vw,32px);margin-bottom:clamp(36px,5vw,52px)}.join__field{position:relative}.join__label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.join__optional{font-size:10px;letter-spacing:.08em;color:var(--text-muted);opacity:.6;margin-left:6px}.join__input{width:100%;font-family:var(--sans);font-size:18px;font-weight:300;color:var(--text);background:none;border:none;border-bottom:1.5px solid var(--border);padding:10px 0;outline:none;transition:border-color .3s}.join__input::placeholder{color:var(--text-muted);opacity:.5}.join__input:focus{border-color:var(--accent)}.join__input:not(:placeholder-shown){border-color:var(--accent)}.join__input:-webkit-autofill,.join__input:-webkit-autofill:hover,.join__input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-dark) inset;-webkit-text-fill-color:var(--text-on-dark);caret-color:var(--text-on-dark);transition:background-color 5000s ease-in-out 0s}.join__input--error{border-color:#c0392b}.join__field-error{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:#c0392b;margin-top:8px;display:none}.join__field-error--visible{display:block}.join__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:clamp(36px,5vw,52px)}.join__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:clamp(16px,2vw,22px);border-radius:6px;background:var(--bg);text-align:left;cursor:pointer;transition:background .3s,transform .2s}.join__card:before{content:"";position:absolute;inset:0;border:1.5px solid var(--border);border-radius:6px;filter:url(#jitter-subtle);pointer-events:none;transition:border-color .3s}.join__card>*{position:relative;z-index:1}.join__card:hover{transform:translateY(-1px)}.join__card:hover:before{border-color:var(--text-muted)}.join__card--selected{background:var(--accent-faint)}.join__card--selected:before,.join__card--selected:hover:before{border-color:var(--accent)}.join__card:last-child:nth-child(odd){grid-column:1 / -1}.join__card-title{font-family:var(--serif);font-size:clamp(15px,1.3vw,17px);font-weight:400;line-height:1.3;color:var(--text)}.join__card-desc{font-size:13px;color:var(--text-dim);line-height:1.5}.join__nav{display:flex;align-items:center;justify-content:space-between}.join__back{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;transition:color .3s}.join__back:hover{color:var(--text)}.join__confirm-icon{width:64px;height:64px;margin:0 auto clamp(24px,3vw,36px);color:var(--accent)}.join__check-path{stroke-dasharray:48;stroke-dashoffset:48;animation:joinCheckDraw .6s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes joinCheckDraw{to{stroke-dashoffset:0}}.join__home-link{display:inline-block;margin-top:clamp(24px,3vw,36px);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--text-muted);transition:color .3s}.join__home-link:hover{color:var(--accent)}.join__card--other .join__card-title{opacity:.6}.join__card--other.join__card--selected .join__card-title{opacity:1}.join__card-input{display:none;width:100%;margin-top:8px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:14px;font-weight:300;line-height:1.5;resize:none;outline:none;transition:border-color .3s}.join__card-input:focus{border-bottom-color:var(--accent)}.join__card--selected .join__card-input{display:block}.join-dark .join__card--other:before{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.join-dark .join__card-input{color:var(--text-on-dark);border-bottom-color:#ffffff26}.join-dark .join__card-input::placeholder{color:var(--text-dim-dark);opacity:.45}.join-dark .join__card-input:focus{border-bottom-color:var(--accent)}.join__next--loading{opacity:.6;pointer-events:none}@media(max-width:600px){.join__cards{grid-template-columns:1fr}.join{padding-top:100px}}.join-dark{background-color:var(--bg-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");min-height:100vh}.join-dark .nav__logo{color:var(--text-on-dark);-webkit-text-stroke-color:var(--text-on-dark)}.join-dark .nav__link{color:var(--text-dim-dark)}.join-dark .nav__link:hover{color:var(--text-on-dark)}.join-dark .nav.scrolled{background:#1a1815eb;border-bottom-color:var(--border-dark)}.join-dark .join__progress{background:#ffffff0f}.join-dark .join__title{color:var(--text-on-dark)}.join-dark .join__sub{color:var(--text-dim-dark)}.join-dark .join__label{color:#e5e2d6eb}.join-dark .join__optional{color:#e5e2d666}.join-dark .join__input{color:var(--text-on-dark);border-bottom-color:#ffffff1a}.join-dark .join__input::placeholder{color:var(--text-dim-dark);opacity:.4}.join-dark .join__input:focus{border-bottom-color:var(--accent)}.join-dark .join__card{background:#ffffff08}.join-dark .join__card:before{border-color:#ffffff14}.join-dark .join__card:hover:before{border-color:#ffffff2e}.join-dark .join__card--selected{background:color-mix(in srgb,var(--accent) 10%,transparent)}.join-dark .join__card--selected:before,.join-dark .join__card--selected:hover:before{border-color:var(--accent)}.join-dark .join__card-title{color:var(--text-on-dark)}.join-dark .join__card-desc,.join-dark .join__back{color:var(--text-dim-dark)}.join-dark .join__back:hover{color:var(--text-on-dark)}.join-dark .join__home-link{color:var(--text-dim-dark)}.join-dark .join__home-link:hover{color:var(--accent)}.join-dark .footer{background:transparent;border-top:1px solid rgba(255,255,255,.06)}.join-dark .footer__logo{color:var(--text-on-dark)}.join-dark .footer__link{color:var(--text-dim-dark)}.join-dark .footer__link:hover{color:var(--text-on-dark)}.join-dark .footer__copy{color:var(--text-dim-dark)}