.join-page-section{background:#000;align-items:center;min-height:100vh;padding:160px 0;display:flex;position:relative;overflow:hidden}.join-page-section:before{content:"";background-image:var(--route-background-image);filter:blur(5px);z-index:0;background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;inset:-15px}.join-page-overlay{z-index:0;background:#00000073;position:absolute;inset:0}.join-container{z-index:1;grid-template-columns:1fr 1.2fr;align-items:center;gap:100px;width:100%;display:grid;position:relative}.join-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.join-title{color:#fff;margin-bottom:24px}.join-desc{color:#ffffffd9;max-width:480px}.join-form-wrapper{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;width:100%;padding:56px 48px}.join-form-group label{color:#ffffffb3}.join-form input,.join-form select,.join-form textarea{color:#fff!important;border-bottom-color:#ffffff4d!important}.join-form input::placeholder,.join-form textarea::placeholder{color:#fff6}.join-form option{color:#fff;background:#111}.join-form .select-icon{color:#fff}.upload-button{cursor:pointer;color:#fffc;background:#ffffff05;border:1px dashed #fff6;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;padding:16px;font-size:13px;transition:all .3s;display:inline-flex}.upload-button:hover{color:#fff;background:#ffffff14;border-color:#fffc}.join-submit{color:#000;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#fff;border:none;align-self:flex-start;margin-top:24px;padding:16px 32px;font-size:13px;transition:background .3s}.join-submit:hover{color:#fff;background:#3d5f43}.join-submit:disabled{cursor:wait;opacity:.65}@media (max-width:900px){.join-container{grid-template-columns:1fr;gap:60px}.join-info{text-align:center;align-items:center}.join-submit{align-self:stretch}}
