.public-page .join-card{--color-bg-sunken:#ffffff0b;--color-border:#d8caf01a;--color-border-strong:#d8caf02e;--color-text-faint:#a398b2;-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:radial-gradient(at 0 0,#a879ef1f,#0000 60%),radial-gradient(at 100% 100%,#78dbea0b,#0000 50%),#ffffff06;border-color:#d8caf029;border-radius:1.25rem;max-width:52rem;margin-inline:auto;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #0000002e}.join-form{gap:1.65rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.join-welcome{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.join-welcome__mark{width:2.7rem;height:2.7rem;color:var(--color-accent-strong);background:#a879ef1a;border-radius:.8rem;flex:none;place-items:center;display:grid}.join-welcome__mark svg{width:1.4rem;height:1.4rem}.join-welcome h2{letter-spacing:-.02em;font-size:1.15rem}.join-welcome p{color:var(--color-text-muted);margin-top:.2rem;font-size:.8rem}.join-welcome>:last-child{justify-self:end}.join-progress{background:var(--color-bg-sunken);border-radius:1rem;height:.25rem;overflow:hidden}.join-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--public-cyan));height:100%;transition:width .4s var(--ease-out);display:block}.join-fieldset{border:0;border-top:1px solid var(--color-border);gap:1.1rem;min-width:0;margin:0;padding:1.25rem 0 0;display:grid}.join-fieldset legend{color:var(--color-text);align-items:center;gap:.6rem;padding:0 .75rem 0 0;font-size:.85rem;font-weight:700;display:flex}.join-step{border:1px solid var(--color-border-strong);width:1.7rem;height:1.7rem;color:var(--color-text-muted);font:700 .65rem var(--font-mono);border-radius:.55rem;flex-shrink:0;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.join-step svg{width:.85rem;height:.85rem}.join-fieldset:focus-within .join-step{color:var(--color-accent-strong);border-color:var(--color-accent-dim)}.join-fieldset[data-complete=true] .join-step{color:var(--public-cyan);background:#78dbea12;border-color:#78dbea4d}.join-fields-row{grid-template-columns:6rem minmax(0,1fr);gap:1.1rem;display:grid}.join-fields-row>:nth-child(3){grid-column:1/-1}.join-voting{color:var(--color-accent-strong);margin-top:1.25rem;font-size:.8rem}.join-story-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.join-form .join-fields-row>*,.join-form .join-story-row>*{align-content:start;min-width:0}.join-form input:not([type=checkbox]),.join-form textarea{border-radius:.7rem;min-height:3rem;padding:.8rem 1rem}.join-form textarea{min-height:8.5rem;font:inherit;font-size:.85rem;line-height:1.7}.join-form input::placeholder,.join-form textarea::placeholder{color:var(--color-text-faint);opacity:1}.join-form input[type=number]{appearance:textfield}.join-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.join-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.join-field__hint{color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.join-options{flex-wrap:wrap;gap:.6rem;display:flex}.join-check{border:1px solid var(--color-border-strong);color:var(--color-text-muted);background:var(--color-bg-sunken);cursor:pointer;border-radius:.55rem;align-items:center;gap:.45rem;padding:.6rem .7rem;font-size:.78rem;line-height:1.4;transition:border-color .18s,background .18s,color .18s,transform .18s;display:flex;position:relative}.join-check>svg{flex-shrink:0;width:.95rem;height:.95rem}.join-check:hover{color:var(--color-text);border-color:var(--color-accent-dim);transform:translateY(-1px)}.join-check:has(input:checked){color:var(--color-accent-strong);border-color:var(--color-accent-dim);background:#a879ef1a}.join-check:has(input:focus-visible){outline:2px solid var(--color-accent-strong);outline-offset:3px}.join-check input[type=checkbox]{appearance:none;border:1px solid var(--color-border-strong);background:var(--color-bg-sunken);cursor:pointer;border-radius:.25rem;flex-shrink:0;place-content:center;width:.95rem;height:.95rem;margin:0;display:grid}.join-check input:checked{border-color:var(--color-accent);background:var(--color-accent)}.join-check input:before{content:"";border-left:2px solid var(--color-accent-ink);border-bottom:2px solid var(--color-accent-ink);width:.5rem;height:.3rem;transition:transform .18s;transform:translateY(-1px)rotate(-45deg)scale(0)}.join-check input:checked:before{transform:translateY(-1px)rotate(-45deg)scale(1)}.join-options .join-check input{opacity:0;width:1px;height:1px;position:absolute}.join-custom summary{width:fit-content;color:var(--color-text-muted);cursor:pointer;font-size:.78rem}.join-custom summary:hover{color:var(--color-accent-strong)}.join-custom[open] summary{margin-bottom:.75rem}.join-agree .join-check{justify-content:flex-start;padding:.75rem}.join-submit{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.join-submit__button{min-width:12rem;box-shadow:0 4px 18px #a879ef1f}.join-submit__button:hover:not(:disabled){box-shadow:0 4px 25px #a879ef40}.join-note{min-width:12rem;color:var(--color-text-muted);flex:1;font-size:.75rem;line-height:1.5}.join-alert__title{font-weight:700}.join-errors{padding-left:1.1rem}.join-alert__action{margin-top:.5rem}.join-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.join-card,.join-done{animation:join-arrive .45s var(--ease-out) both}.join-spinner{animation:1s linear infinite join-spin}@keyframes join-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes join-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.join-card,.join-done,.join-spinner{animation:none}.join-form *,.join-form :before{transition:none!important}.join-check:hover{transform:none}}@media (max-width:38rem){.join-fields-row{grid-template-columns:4.5rem minmax(0,1fr);gap:.85rem}.join-story-row{grid-template-columns:1fr}.join-welcome{grid-template-columns:auto minmax(0,1fr)}.join-welcome>:last-child{grid-column:2;justify-self:start}.join-submit__button{width:100%}}@media (min-width:64rem) and (min-height:42rem){body:has(.join-page)>footer{display:none}body:has(.join-page)>.site-main{min-height:0}.public-page.join-page{grid-template-columns:minmax(12rem,.5fr) minmax(0,2fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);width:min(100%,96rem);min-height:calc(100dvh - 4.8125rem);padding-block:1rem;display:grid}.join-heading{flex-direction:column;gap:3rem;min-width:0;display:flex}.join-heading .public-intro{border:0;grid-template-columns:1fr;gap:.85rem;margin:0;padding:0}.join-heading .public-intro h1{font-size:clamp(1.6rem,2.5vw,2.25rem)}.join-heading .public-intro__text{font-size:.85rem}.join-heading .join-lettermark{order:2;align-self:center;width:100%;max-width:16rem;position:static}.join-page .join-card{width:100%;max-width:none}.join-page .join-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"welcome welcome""progress progress""identity identity""story story""interests interests""agree submit";gap:1rem 1.5rem;padding:clamp(1.25rem,2vw,2rem)}.join-welcome{grid-area:welcome}.join-progress{grid-area:progress}.join-identity{grid-area:identity}.join-story{grid-area:story}.join-interests{grid-area:interests}.join-agree{grid-area:agree}.join-submit{grid-area:submit}.join-form>[role=alert]{grid-column:1/-1}.join-form .join-fieldset{align-content:start;gap:1rem;padding-top:1rem}.join-form .join-fields-row{grid-template-columns:4.5rem minmax(0,1fr) minmax(0,1.2fr);gap:1rem}.join-fields-row>:nth-child(3){grid-column:auto}.join-form .join-story-row{gap:1.5rem}.join-form input:not([type=checkbox]),.join-form textarea{min-height:2.65rem;padding:.65rem .75rem}.join-form textarea{height:7rem;min-height:7rem}.join-form .join-options{gap:.6rem;display:flex}.join-submit{justify-content:flex-end;align-items:center}.join-submit__button{width:auto}.join-note{min-width:0;font-size:.7rem}}@media (min-width:64rem) and (min-height:42rem) and (max-height:50rem){.public-page.join-page{padding-block:.75rem}.join-page .join-form{gap:.6rem 1.25rem;padding:1rem 1.25rem}.join-form .join-fieldset{gap:.75rem;padding-top:.75rem}.join-page .join-form textarea{height:6rem;min-height:6rem}}.join-done{gap:1rem;max-width:42rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.join-done>:first-child{justify-self:start}.join-done h2{font-size:clamp(1.55rem,3vw,2.1rem)}.join-done>p:not(.public-kicker){max-width:36rem;color:var(--color-text-muted)}.join-done__track{border:1px dashed var(--color-border-strong);background:var(--color-bg-sunken);border-radius:.5rem;justify-items:start;gap:.8rem;padding:1rem;display:grid}.join-done__track-link{color:var(--color-accent-strong);font:.85rem/1.5 var(--font-mono);word-break:break-all}.join-done__track-link:hover{text-decoration:underline}.join-done__next{border-top:1px solid var(--color-border);gap:.9rem;margin-top:.5rem;padding-top:1rem;display:grid}.join-done__next ol{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.join-done__next li{color:var(--color-text-muted);align-items:baseline;gap:.9rem;display:flex}.join-done__next li span{color:var(--color-accent);font:.7rem var(--font-mono)}.application-status{border:1px solid var(--color-border-strong);background:radial-gradient(circle at 100% 0, #a78bfa29, transparent 45%), var(--public-panel);gap:1.25rem;max-width:42rem;padding:clamp(2rem,6vw,3.5rem);display:grid}.application-status__top{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.application-status__dot{background:var(--color-accent);width:.7rem;height:.7rem;box-shadow:0 0 0 6px #a78bfa1a,0 0 16px #a78bfa66}.application-status h1{font-size:clamp(1.9rem,4vw,2.7rem)}.application-status__desc{max-width:34rem;color:var(--color-text-muted)}.application-status__meta{border:1px solid var(--color-border);background:var(--color-bg-sunken);font:.8rem/1.5 var(--font-mono);gap:.5rem;margin-top:.5rem;padding:1rem 1.1rem;display:grid}.application-status__meta div{flex-wrap:wrap;gap:.4rem .6rem;display:flex}.application-status__meta dt{color:var(--color-text-faint)}.application-status__meta dd{word-break:break-all;margin:0}.application-status__privacy{max-width:38rem;color:var(--color-text-faint);border-top:1px solid var(--color-border);gap:.9rem;margin-top:1rem;padding-top:1.25rem;font-size:.8rem;line-height:1.5;display:flex}.application-status__privacy>span{color:var(--public-cyan)}
