.join-stage{min-height:calc(100svh - var(--header-h));padding:var(--s-7) 0 var(--s-8);background:radial-gradient(60% 50% at 50% 0%, var(--home-wash), transparent 70%), var(--ground);place-items:center;display:grid}.join-inner{width:min(520px, calc(100% - (var(--page-x) * 2)));gap:var(--s-5);display:grid}.join-head{text-align:center;justify-items:center;gap:var(--s-3);display:grid}.join-head .join-mark{width:56px;height:56px;color:var(--home-deep)}[data-mode=dark] .join-head .join-mark{color:var(--ink)}.join-head h1{font-size:clamp(32px,6vw,48px)}.join-head .lede{text-align:center;color:var(--ink-2);margin:0;font-size:17px;line-height:26px}.join-card{background:var(--ground);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-6) var(--s-5);box-shadow:0 1px 2px #0a14140a,0 18px 48px -18px #0a282d38}[data-mode=dark] .join-card{background:var(--fill);box-shadow:none}.join-form{gap:var(--s-5);display:grid}.field.big{gap:var(--s-2);font-size:15px}.field.big input{height:52px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--field-line);background:var(--field);color:var(--ink);transition:border-color var(--m-fast) ease, box-shadow var(--m-fast) ease;font-size:17px}.field.big input::placeholder{color:var(--muted);opacity:.7}.field.big input:focus-visible,.field.big input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 28%, transparent);outline:none}.field.big input[aria-invalid=true]{border-color:var(--bad-ink)}.plats{border:0;min-width:0;margin:0;padding:0}.plats legend{margin-bottom:var(--s-2);padding:0;font-size:15px;font-weight:600}.btn-big{border-radius:var(--r-sm);width:100%;min-height:52px;font-size:17px}.join-form .form-result,.join-form .form-note{min-height:0}.join-form .form-note:empty{display:none}.join-form .form-check:not([hidden])+.form-note,.join-form .form-note{margin:0}.founding{color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:20px}.join-nojs{text-align:center;margin-top:var(--s-4)}.chips-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);border:1px solid var(--field-line);background:var(--field);transition:background var(--dur-glide) var(--spring-glide), color var(--m-fast) ease, border-color var(--m-fast) ease, transform var(--m-press) ease;align-items:center;font-weight:500;display:inline-flex}.chip:hover span{border-color:var(--ink-2)}.chip input:active+span{transform:scale(.96)}.chip input:checked+span{background:var(--home-deep);color:#fff;border-color:var(--home-deep);font-weight:600}[data-mode=dark] .chip input:checked+span{background:var(--ink);color:var(--ground);border-color:var(--ink)}.chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.form-done,.welcome[hidden]{display:none}.welcome{gap:var(--s-4);text-align:center;scroll-margin-top:calc(var(--header-h) + var(--s-5));justify-items:center;display:grid}.welcome.play{animation:welcome-in var(--dur-morph) var(--spring-morph) both}@keyframes welcome-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.welcome-mark{width:72px;height:72px;color:var(--home-deep)}[data-mode=dark] .welcome-mark{color:var(--ink)}.welcome-mark .ring{stroke-dasharray:160.2 53.4}.welcome-mark .dot{transform-origin:50%}.welcome.play .welcome-mark .ring{animation:lens .7s var(--spring-morph) .12s both}.welcome.play .welcome-mark .dot{animation:glint .7s var(--spring-morph) .12s both}@keyframes lens{0%{stroke-dasharray:160.2 53.4}to{stroke-dasharray:213.6 0}}@keyframes glint{0%{transform:scale(1)}to{transform:scale(.7)}}.welcome-title{letter-spacing:-.03em;margin:0;font-size:clamp(26px,4vw,32px);font-weight:700;line-height:1.15}.welcome-title:focus{outline:none}.welcome-sub{color:var(--ink-2);margin:0}.q-card{text-align:left;width:100%;margin-top:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--line);gap:var(--s-2);display:grid}.q-title{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:24px}.q-form{gap:var(--s-4);display:grid}.q-head{gap:var(--s-2);display:grid}.q-head p{margin:0}.q-progress{background:var(--track);border-radius:4px;height:4px;overflow:hidden}.q-progress i{background:var(--home-a);border-radius:inherit;width:20%;height:100%;transition:width var(--dur-glide) var(--spring-glide);display:block}.q{gap:var(--s-2);border:0;min-width:0;margin:0;padding:0;display:grid}.q legend,.q .field{margin-bottom:var(--s-2);padding:0;font-size:16px;font-weight:600;line-height:22px}.q-num{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:500;line-height:18px;display:block}.stepped .q:not(.on){display:none}.stepped .q.on{animation:q-in var(--dur-glide) var(--spring-glide) both}@keyframes q-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.q-form textarea{border-radius:var(--r-sm);border:1px solid var(--field-line);min-height:88px;padding:var(--s-3);font:inherit;background:var(--field);color:var(--ink);width:100%;font-weight:400}.q-actions{gap:var(--s-3);flex-wrap:wrap;margin:0;display:flex}.q-actions [hidden],.q-form .form-note:empty{display:none}.welcome-thanks{margin:0;font-weight:600}.nudge{text-align:left;width:100%;padding:var(--s-4) var(--s-5);border-radius:var(--r-sm);background:var(--home-wash);gap:var(--s-3);display:grid}.nudge[hidden]{display:none}.nudge p{margin:0;font-weight:600}.nudge .actions{margin:0}@media (prefers-reduced-motion:reduce){.welcome.play,.welcome.play .welcome-mark .ring,.welcome.play .welcome-mark .dot,.stepped .q.on{animation:none}.welcome.play .welcome-mark .ring{stroke-dasharray:213.6 0}}.join-form .form-result:has(.form-note:empty){display:none}
