.join-form{display:flex;flex-direction:column;gap:1rem}.join-form__promo-banner{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:white;margin:-.25rem -.25rem .25rem}.join-form__promo-icon{font-size:125%;flex-shrink:0}.join-form__promo-content{display:flex;flex-direction:column;gap:.125rem}.join-form__promo-title{font-size:87.5%;font-weight:700;letter-spacing:.01em}.join-form__promo-text{font-size:75%;opacity:.95}.join-form__info{display:flex;gap:.75rem;padding:.875rem 1rem;background:var(--trust-tint);border-radius:var(--radius-button);color:var(--trust)}.join-form__info svg{flex-shrink:0;margin-top:.125rem}.join-form__info p{font-size:87.5%;line-height:1.5;margin:0}.join-form__info--secure{background:var(--surface-alt);color:var(--slate-600)}.join-form__info--secure svg{color:var(--trust)}.join-form__error-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:var(--danger-tint);color:var(--danger);border-radius:var(--radius-button);font-size:87.5%;line-height:1.4}.join-form__user-info{padding:.75rem 1rem;background:var(--surface-alt,#f8fafc);border-radius:var(--radius-button,8px);border:1px solid var(--border,#e2e8f0)}.join-form__user-greeting{font-size:87.5%;color:var(--slate-600,#475569);margin:0}.join-form__user-greeting strong{color:var(--slate-900,#0f172a)}.join-form__field{display:flex;flex-direction:column;gap:.375rem}.join-form__field--half{flex:1 1}.join-form__row{display:flex;gap:1rem}.join-form__label{font-size:87.5%;font-weight:500;color:var(--ink)}.join-form__required{color:var(--danger)}.join-form__input,.join-form__select{width:100%;padding:.75rem;font-size:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-button);transition:border-color .2s,box-shadow .2s}.join-form__input:focus,.join-form__select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-focus)}.join-form__input::placeholder{color:var(--slate-400)}.join-form__input--error,.join-form__input--error:focus{border-color:var(--danger);box-shadow:0 0 0 4px rgba(180,35,24,.1)}.join-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398A2B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.join-form__input-wrapper{position:relative}.join-form__suggestions{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-button);box-shadow:var(--shadow-card);list-style:none;margin:.25rem 0 0;padding:.25rem;z-index:10}.join-form__suggestion{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:93.75%;color:var(--ink);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.join-form__suggestion:focus,.join-form__suggestion:hover{background:var(--surface-alt)}.join-form__hint{font-size:81.25%;color:var(--slate-400);margin:.25rem 0 0}.join-form__error{font-size:81.25%;color:var(--danger);margin:0}.join-form__divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.join-form__divider:after,.join-form__divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.join-form__divider span{font-size:75%;font-weight:600;color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em}.join-form__actions{display:flex;gap:.5rem;margin-top:.5rem}.join-form__cancel,.join-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;font-size:81.25%;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.join-form__cancel{flex:0 0 auto;background:transparent;color:var(--slate-600);border:1px solid var(--line)}.join-form__cancel:hover:not(:disabled){background:var(--surface-alt);border-color:var(--slate-400)}.join-form__submit{flex:1 1;background:var(--accent);color:white;border:none;min-height:38px}.join-form__submit:hover:not(:disabled){background:var(--accent-hover)}.join-form__cancel:disabled,.join-form__submit:disabled{opacity:.6;cursor:not-allowed}.join-form__spinner{animation:joinFormSpin 1s linear infinite}@keyframes joinFormSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:600px){.join-form__actions{justify-content:flex-end}.join-form__cancel{flex:0 0 auto;padding:.75rem 1.5rem}.join-form__submit{flex:0 0 auto;padding:.75rem 2rem}}