.join-page{justify-content:center;align-items:center;min-height:100vh;padding-top:96px;display:flex}.join-card{background:var(--color-white);border-radius:8px;max-width:560px;margin:0 auto;padding:3rem;box-shadow:0 10px 30px #0000000d}.join-header{text-align:center;margin-bottom:2.5rem}.join-header h1{font-family:var(--font-display);color:var(--color-deep-forest);margin-bottom:.5rem;font-size:1.75rem}.join-header p{color:#666;font-size:1rem}.join-form .form-group{margin-bottom:1.5rem}.join-form label{font-family:var(--font-display);color:var(--color-deep-forest);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.join-form .guidance{color:#999;font-size:.8rem;font-weight:400}.join-form .minimal-input{width:100%;font-size:.95rem;font-family:var(--font-sans);border:1.5px solid #0000001a;border-radius:6px;padding:.75rem 1rem;transition:border-color .2s}.join-form .minimal-input:focus{border-color:var(--color-action-dark);outline:none}.join-form .options-grid{flex-wrap:wrap;gap:.5rem;display:flex}.join-form .pill-btn{font-size:.85rem;font-family:var(--font-sans);color:var(--color-charcoal);cursor:pointer;background:0 0;border:1.5px solid #0000001a;border-radius:9999px;padding:.5rem 1rem;transition:all .2s}.join-form .pill-btn:hover{border-color:var(--color-action-dark)}.join-form .pill-btn.selected{background:var(--color-action-dark);border-color:var(--color-action-dark);color:#fff}.form-actions{text-align:center;margin-top:2rem}.join-submit{justify-content:center;width:100%;height:56px;font-size:1.1rem}.join-card.success-state{text-align:center;padding:4rem 3rem}.join-card .success-icon{background:var(--color-deep-forest);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;display:flex}.join-card.success-state h3{font-family:var(--font-display);color:var(--color-deep-forest);margin-bottom:.5rem;font-size:1.5rem}.join-card.success-state p{color:#666}.join-card.success-state .btn-secondary{color:var(--color-deep-forest);opacity:.7;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.join-card.success-state .btn-secondary:hover{opacity:1}.join-contact{color:#666;text-align:center;margin-top:1.5rem;font-size:.85rem}.join-contact a{color:var(--color-action-dark,#ff5d2b);text-decoration:underline}.join-contact a:hover{opacity:.8}@media (max-width:640px){.join-card{padding:2rem 1.5rem}.join-header h1{font-size:1.4rem}}
