.join-page{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.join-container-centered{z-index:10;width:100%;max-width:800px;position:relative}.background-beams{pointer-events:none;z-index:0;position:absolute;inset:0}.beam{filter:blur(150px);opacity:.12;z-index:0;border-radius:50%;width:60vw;height:60vw;animation:20s ease-in-out infinite float;position:absolute}.beam-1{background:linear-gradient(135deg,#8b5cf6,#6366f1);animation-delay:0s;top:-20%;left:-20%}.beam-2{background:linear-gradient(135deg,#6366f1,#8b5cf6);animation-delay:-10s;bottom:-20%;right:-20%}.background-beams:before,.background-beams:after{content:"";filter:blur(100px);opacity:.08;border-radius:50%;width:300px;height:300px;animation:15s ease-in-out infinite float;position:absolute}.background-beams:before{background:#a78bfa;animation-delay:-5s;top:20%;right:10%}.background-beams:after{background:#818cf8;animation-delay:-7s;bottom:30%;left:15%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.badge{color:#a78bfa;letter-spacing:2.5px;text-transform:uppercase;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:100px;margin-bottom:32px;padding:8px 20px;font-size:.75rem;font-weight:700;animation:3s ease-in-out infinite badgePulse;display:inline-block;box-shadow:0 4px 12px #8b5cf626}@keyframes badgePulse{0%,to{box-shadow:0 4px 12px #8b5cf626}50%{box-shadow:0 4px 20px #8b5cf64d}}.purple-gradient-text{background:linear-gradient(135deg,#fff 0%,#e9d5ff 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.purple-glow{box-shadow:0 0 40px #8b5cf64d,0 0 80px #8b5cf626}.assessment-wrapper{flex-direction:column;justify-content:center;width:100%;max-width:680px;min-height:500px;margin:0 auto;display:flex}.assessment-card{text-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#141414f7 0%,#0a0a0afc 100%);border:1px solid #8b5cf640;border-radius:40px;padding:80px 64px;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 60px #8b5cf61a,inset 0 1px #ffffff0d}.assessment-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.question-text{letter-spacing:-.5px;margin-bottom:44px;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;line-height:1.35;color:#fff!important}.options-stack{flex-direction:column;gap:18px;margin-top:12px;display:flex}.option-button-premium{text-align:left;cursor:pointer;background:#28282880;border:2px solid #ffffff14;border-radius:24px;width:100%;padding:26px 32px;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;line-height:1.5;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#fff!important}.option-button-premium:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.option-button-premium:hover:before{left:100%}.option-button-premium:hover{background:#8b5cf640;border-color:#8b5cf6;transform:translateY(-3px);box-shadow:0 12px 35px #00000080,0 0 25px #8b5cf64d}.option-button-premium:active{transform:translateY(-1px)}.progress-indicator{color:#a78bfa;letter-spacing:.5px;align-items:center;gap:20px;margin-bottom:52px;font-size:.9rem;font-weight:700;display:flex}.progress-bar{background:#ffffff0f;border-radius:20px;flex-grow:1;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#6366f1) 0 0/200% 100%;height:100%;animation:2s infinite progressShimmer;box-shadow:0 0 20px #8b5cf680}@keyframes progressShimmer{0%{background-position:0%}to{background-position:200%}}.input-group-premium{text-align:left;margin-bottom:32px}.input-group-premium label{color:#e9d5ff;letter-spacing:.3px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:block}.input-group-premium input,.input-group-premium textarea{color:#fff;background:#1e1e1eb3;border:2px solid #ffffff1a;border-radius:18px;width:100%;padding:18px 22px;font-family:inherit;font-size:1.05rem;transition:all .3s}.input-group-premium input:focus,.input-group-premium textarea:focus{background:#1e1e1ee6;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #8b5cf61a}.input-group-premium textarea{resize:none;height:150px;line-height:1.6}.profile-preview-large{cursor:pointer;color:#a78bfa;background:#8b5cf61f;border:3px dashed #8b5cf666;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:180px;height:180px;margin:40px auto;transition:all .3s;display:flex;overflow:hidden}.profile-preview-large:hover{background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.05)}.profile-preview-large img{object-fit:cover;width:100%;height:100%}.upload-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.upload-placeholder span{font-size:.9rem;font-weight:600}.btn-primary-large{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:100px;width:100%;padding:22px 32px;font-size:clamp(1rem,2vw,1.2rem);font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary-large:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary-large:hover:before{left:100%}.btn-primary-large:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 15px 45px #8b5cf680}.btn-primary-large:active{transform:translateY(0)}.btn-primary-large:disabled{opacity:.5;cursor:not-allowed;transform:none}.role-title{letter-spacing:-1px;margin:24px 0;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}.role-description{color:#a1a1aa;margin-bottom:48px;font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.7}@media (max-width:1024px){.assessment-card{padding:64px 48px}.beam{width:70vw;height:70vw}}@media (max-width:768px){.join-page{padding:60px 16px}.assessment-card{border-radius:32px;padding:56px 36px}.badge{margin-bottom:24px;padding:6px 16px;font-size:.7rem}.progress-indicator{margin-bottom:40px}.options-stack{gap:14px}.option-button-premium{border-radius:20px;padding:22px 24px}.input-group-premium{margin-bottom:24px}.btn-primary-large{padding:20px 28px}.beam{opacity:.08;filter:blur(120px)}.background-beams:before,.background-beams:after{opacity:.05}}@media (max-width:480px){.join-page{padding:40px 12px}.assessment-card{border-radius:28px;padding:44px 28px}.badge{letter-spacing:2px;margin-bottom:20px;padding:5px 14px;font-size:.65rem}.progress-indicator{margin-bottom:32px;font-size:.85rem}.question-text{margin-bottom:32px}.option-button-premium{border-radius:18px;padding:20px}.input-group-premium input,.input-group-premium textarea{padding:16px 18px;font-size:1rem}.profile-preview-large{width:150px;height:150px;margin:32px auto}.btn-primary-large{letter-spacing:1px;padding:18px 24px}.role-description{margin-bottom:36px}}@media (max-width:375px){.assessment-card{padding:36px 24px}.option-button-premium{padding:18px}}@media (max-height:600px) and (orientation:landscape){.join-page{padding:40px 20px}.assessment-card{padding:40px 32px}.badge{margin-bottom:16px}.progress-indicator,.question-text{margin-bottom:24px}.role-description{margin-bottom:28px}}