.join-root{color:#eaeaea;isolation:isolate;background:#04120f;min-height:100vh;position:relative;overflow-x:hidden}.join-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.join-glow{filter:blur(120px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.join-glow--1{background:radial-gradient(closest-side,#3affe680,#0000 70%);width:620px;height:620px;animation:22s ease-in-out infinite joinFloat1;top:-180px;left:-160px}.join-glow--2{background:radial-gradient(closest-side,#78b4ff66,#0000 70%);width:540px;height:540px;animation:26s ease-in-out infinite joinFloat2;top:30%;right:-140px}.join-glow--3{background:radial-gradient(closest-side,#aa6eff59,#0000 70%);width:480px;height:480px;animation:30s ease-in-out infinite joinFloat3;bottom:-160px;left:30%}@keyframes joinFloat1{0%,to{transform:translate(0)}50%{transform:translate(80px,60px)}}@keyframes joinFloat2{0%,to{transform:translate(0)}50%{transform:translate(-60px,80px)}}@keyframes joinFloat3{0%,to{transform:translate(0)}50%{transform:translate(40px,-70px)}}.join-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 90%);mask-image:radial-gradient(#000 40%,#0000 90%)}.join-container{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,72px) 20px 40px;position:relative}.join-header{text-align:center;margin-bottom:48px}.join-eyebrow{color:#3affe6;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Consolas, monospace);letter-spacing:.14em;text-transform:uppercase;background:#3affe614;border:1px solid #3affe640;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;display:inline-flex}.join-dot{background:#3affe6;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite joinPulse;box-shadow:0 0 8px #3affe6}@keyframes joinPulse{0%,to{opacity:1}50%{opacity:.4}}.join-title{letter-spacing:-.03em;color:#fff;margin:0 0 20px;font-size:clamp(32px,6vw,60px);font-weight:700;line-height:1.05}.join-title-accent{background:linear-gradient(120deg,#3affe6 20%,#a3d9ff 60%,#d8a3ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.join-lead{color:#eaeaeabf;max-width:44ch;margin:0 auto 28px;font-size:clamp(15px,1.8vw,18px);line-height:1.55}.join-marquee{font-family:var(--font-mono,monospace);color:#eaeaea99;letter-spacing:.06em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;padding:8px 18px;font-size:11px;display:inline-flex}.join-wizard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff1a;border-radius:24px;padding:clamp(24px,4vw,40px);position:relative;box-shadow:0 30px 80px -30px #000000b3,0 0 0 1px #3affe60d}.join-steps{gap:8px;margin-bottom:28px;display:flex}.join-step-bar{background:#ffffff14;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.join-step-bar--active{background:linear-gradient(90deg,#3affe6,#a3d9ff);box-shadow:0 0 12px #3affe680}.join-step-bar--done{background:#3affe666}.join-step-label{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#eaeaea80;margin-bottom:10px;font-size:10.5px}.join-step-title{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:clamp(20px,2.6vw,26px);font-weight:600}.join-step-sub{color:#eaeaea99;margin:0 0 28px;font-size:14px}.join-field{margin-bottom:22px}.join-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}@media (max-width:560px){.join-field-row{grid-template-columns:1fr}}.join-label{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#eaeaea8c;margin-bottom:8px;font-size:10.5px;display:block}.join-input,.join-select,.join-textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}.join-input:hover,.join-select:hover,.join-textarea:hover{border-color:#fff3}.join-input:focus,.join-select:focus,.join-textarea:focus{background:#3affe608;border-color:#3affe680;box-shadow:0 0 0 3px #3affe61a}.join-textarea{resize:vertical;min-height:100px}.join-input::placeholder,.join-textarea::placeholder{color:#eaeaea4d}.join-chips{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.join-chip{color:#eaeaea;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:12px;font-size:13px;font-weight:500;transition:all .2s}.join-chip:hover{background:#3affe60d;border-color:#3affe64d}.join-chip--active{color:#3affe6;background:#3affe61f;border-color:#3affe699;box-shadow:0 0 20px -6px #3affe666}.join-actions{align-items:center;gap:12px;margin-top:32px;display:flex}.join-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.join-btn--primary{color:#04201b;background:linear-gradient(120deg,#3affe6,#7cffea);flex:1;box-shadow:0 8px 24px -6px #3affe680,inset 0 1px #ffffff4d}.join-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px -6px #3affe6b3,inset 0 1px #fff6}.join-btn--primary:disabled{cursor:not-allowed;background:#3affe64d;transform:none}.join-btn--ghost{color:#eaeaeab3;background:0 0;border:1px solid #ffffff1f}.join-btn--ghost:hover{color:#fff;border-color:#ffffff40}.join-err{color:#ff9a9a;background:#ff64641a;border:1px solid #ff64644d;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13px}.join-footer{text-align:center;margin-top:40px}.join-footer-quote{color:#eaeaea99;margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic}.join-footer-meta{color:#eaeaea59;letter-spacing:.02em;font-size:11.5px}.join-footer-meta a{color:#7cccffcc;text-underline-offset:2px;text-decoration:underline}@media (max-width:640px){.join-container{padding:24px 14px 30px}.join-header{margin-bottom:32px}.join-title{margin-bottom:14px;font-size:clamp(26px,8vw,36px);line-height:1.08}.join-lead{margin-bottom:20px;font-size:14.5px;line-height:1.5}.join-marquee{gap:6px;padding:6px 12px;font-size:10px}.join-wizard{border-radius:18px;padding:20px 16px}.join-steps{gap:6px;margin-bottom:20px}.join-step-title{font-size:20px}.join-step-sub{margin-bottom:20px;font-size:13px}.join-field{margin-bottom:16px}.join-field-row{margin-bottom:16px;grid-template-columns:1fr!important;gap:12px!important}.join-input,.join-select,.join-textarea{border-radius:10px;padding:12px 14px;font-size:16px}.join-textarea{min-height:80px}.join-chips{grid-template-columns:repeat(2,1fr);gap:6px}.join-chip{border-radius:10px;padding:10px 8px;font-size:12.5px}.join-actions{flex-direction:column-reverse;gap:8px;margin-top:24px}.join-actions .join-btn{width:100%;padding:13px 20px;font-size:15px}.join-actions .join-btn--ghost{padding:11px 20px;font-size:13.5px}.join-footer{margin-top:32px}.join-footer-quote{font-size:13px}.join-footer-meta{font-size:11px;line-height:1.5}.join-glow{filter:blur(80px);opacity:.35}.join-glow--1{width:400px;height:400px}.join-glow--2{width:340px;height:340px}.join-glow--3{width:300px;height:300px}.join-wizard dl{grid-template-columns:1fr!important;gap:4px 0!important}.join-wizard dl dt{margin-top:10px;padding-top:0!important}.join-wizard dl dd{padding-left:0}}@media (max-width:380px){.join-title{font-size:24px}.join-lead{font-size:13.5px}.join-wizard{border-radius:16px;padding:18px 14px}.join-chips{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.join-glow,.join-dot{animation:none!important}}