.join-page{min-height:100vh;padding:110px 24px;position:relative;overflow:hidden}.join-page *,.join-page :before,.join-page :after{box-sizing:border-box}.join-background{pointer-events:none;position:absolute;inset:0}.join-background:before,.join-background:after{content:"";filter:blur(12px);opacity:.8;border-radius:999px;position:absolute}.join-background:before{background:#00abff1a;width:430px;height:430px;top:7%;left:-160px}.join-background:after{background:#445eff17;width:500px;height:500px;bottom:4%;right:-180px}.join-container{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:start;gap:72px;width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.join-introduction{padding-top:24px;position:sticky}.join-badge{color:#79d8ff;letter-spacing:.16em;background:#159fe614;border:1px solid #59c7ff4d;border-radius:999px;align-items:center;min-height:34px;padding:7px 14px;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.join-introduction h1{letter-spacing:-.045em;max-width:650px;margin:25px 0 22px;font-size:clamp(2.8rem,5vw,4.7rem);font-weight:800;line-height:1.03}.join-introduction h1 span{color:#172d67;-webkit-background-clip:text;background-clip:text;display:block}.join-introduction-text{max-width:590px;margin:0;font-size:1.08rem;line-height:1.8}.join-benefits{gap:14px;margin-top:34px;display:grid}.join-benefit{align-items:center;gap:14px;font-size:.98rem;font-weight:600;display:flex}.join-benefit-icon{color:#172d67;background:#189ddc14;border:1px solid #40c3ff33;border-radius:13px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex}.join-security-note{color:#9eb6ca;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#133652a8,#0a2237a8);border:1px solid #68b7e329;border-radius:18px;gap:15px;max-width:590px;margin-top:34px;padding:20px;display:flex;box-shadow:0 16px 44px #0000002e}.join-security-note svg{color:#172d67;flex:none;margin-top:2px}.join-security-note p{color:#fff;margin:0;font-size:.91rem;line-height:1.7}.join-form-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#0d283ff0,#071b2df5);border:1px solid #8dc5e82b;border-radius:28px;padding:38px;position:relative;box-shadow:0 32px 90px #0000006b,inset 0 1px #ffffff0b}.join-form-card:before{border-radius:inherit;pointer-events:none;content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#5bd3ff2e,#0000 40%,#5d75ff14);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.join-form-heading{margin-bottom:30px}.join-form-heading>span{color:#59d2ff;letter-spacing:.15em;margin-bottom:9px;font-size:.75rem;font-weight:800;display:block}.join-form-heading h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:750;line-height:1.2}.join-form-heading p{color:#94adbf;margin:10px 0 0;font-size:.96rem;line-height:1.6}.join-form-card form{gap:21px;display:grid}.join-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.join-field{gap:9px;display:grid}.join-field label,.join-label-row label{color:#dceaf5;font-size:.88rem;font-weight:650;line-height:1.4}.join-label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.join-character-count{color:#6f8ba1;flex:none;font-size:.75rem;font-weight:600}.join-optional{color:#7892a7;font-size:.8rem;font-weight:500}.join-field input:not([type=file]),.join-field select,.join-field textarea{color:#eef8ff;width:100%;font:inherit;background:#041524b8;border:1px solid #85b5d329;border-radius:13px;outline:none;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.join-field input:not([type=file]),.join-field select{min-height:52px;padding:0 15px}.join-field textarea{resize:vertical;min-height:148px;padding:14px 15px;line-height:1.65}.join-field input::placeholder,.join-field textarea::placeholder{color:#60788b;opacity:1}.join-field select{cursor:pointer}.join-field select:invalid{color:#6c8496}.join-field select option{color:#e7f4fc;background:#0b2438}.join-field input:not([type=file]):hover,.join-field select:hover,.join-field textarea:hover{background:#061b2dd1;border-color:#4fc7ff47}.join-field input:not([type=file]):focus,.join-field select:focus,.join-field textarea:focus{background:#061d30f0;border-color:#39bff7;box-shadow:0 0 0 4px #37bff71a,0 10px 30px #00000024}.join-upload-box{cursor:pointer;background:linear-gradient(135deg,#1c82b717,#21408212);border:1px dashed #53caff61;border-radius:16px;align-items:center;gap:16px;min-height:104px;padding:18px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.join-upload-box:hover{background:linear-gradient(135deg,#1c91c926,#2748941c);border-color:#53d1ffb3;transform:translateY(-1px);box-shadow:0 15px 38px #00000029}.join-upload-icon{color:#5bd5ff;background:#32baf21f;border-radius:15px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.join-upload-content{gap:5px;min-width:0;display:grid}.join-upload-content strong{color:#e7f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;line-height:1.4;overflow:hidden}.join-upload-content small{color:#7894a8;font-size:.8rem;font-weight:500}.join-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.join-file-input:focus-visible+*{outline-offset:3px;outline:2px solid #5bd5ff}.join-file-requirements{color:#6f899c;font-size:.76rem;line-height:1.5}.join-consent{color:#9db4c5;cursor:pointer;align-items:flex-start;gap:12px;font-size:.84rem;line-height:1.6;display:flex}.join-consent input{cursor:pointer;accent-color:#31bff7;flex:none;width:17px;height:17px;margin-top:3px}.join-submit{cursor:pointer;color:#02121f;min-height:55px;font:inherit;background:linear-gradient(100deg,#61d8ff,#2dbbfa 52%,#6488ff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:.96rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s,opacity .18s;display:inline-flex;box-shadow:0 15px 34px #189dde38,inset 0 1px #ffffff80}.join-submit:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 18px 42px #189dde4a,inset 0 1px #ffffff8c}.join-submit:active:not(:disabled){transform:translateY(0)}.join-submit:focus-visible{outline-offset:4px;outline:3px solid #6ddbff6b}.join-submit:disabled{cursor:not-allowed;opacity:.68}.join-submit-spinner{border:2px solid #02121f47;border-top-color:#031421;border-radius:999px;width:18px;height:18px;animation:.7s linear infinite join-spin}.join-status{border-radius:12px;padding:14px 16px;font-size:.87rem;line-height:1.55}.join-status-error{color:#ffb2b2;background:#7e1b1b33;border:1px solid #ff70703d}.join-status-submitting{color:#9ee5ff;background:#1c81b21f;border:1px solid #50caff38}.join-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes join-spin{to{transform:rotate(360deg)}}@media (max-width:1040px){.join-page{padding-top:90px;padding-bottom:90px}.join-container{grid-template-columns:1fr;gap:50px;width:min(760px,100%)}.join-introduction{position:relative;top:auto}.join-introduction h1{max-width:720px}.join-introduction-text,.join-security-note{max-width:700px}}@media (max-width:680px){.join-page{padding:72px 16px}.join-container{gap:38px}.join-introduction h1{margin-top:20px;font-size:clamp(2.35rem,12vw,3.45rem)}.join-introduction-text{font-size:1rem}.join-security-note{padding:17px}.join-form-card{border-radius:22px;padding:25px 18px}.join-form-grid{grid-template-columns:1fr}.join-label-row,.join-upload-box{align-items:flex-start}.join-upload-content strong{white-space:normal;word-break:break-word}}@media (max-width:420px){.join-page{padding-left:12px;padding-right:12px}.join-form-card{padding-left:15px;padding-right:15px}.join-security-note{flex-direction:column}.join-upload-icon{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.join-page *,.join-page :before,.join-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.join-status-success{color:#bbf7d0;background:#16653438;border:1px solid #4ade8040}
