.join-layout{max-width:1120px;margin:64px auto 90px;display:grid;grid-template-columns:1.08fr 1fr;gap:80px;padding:0 28px;align-items:start}.join-story h1{font-size:48px;line-height:1.4;margin:16px 0 24px}.join-story h1 em{font-style:normal;color:#5855d6}.join-story .lead{font-size:17px}.join-steps{list-style:none;margin:38px 0;padding:0;display:grid;gap:24px}.join-steps li{display:flex;gap:18px}.join-steps li>span{font-size:13px;color:#747490;padding-top:3px;letter-spacing:1px}.join-steps strong{font-size:16px}.join-steps p,.join-promise p{font-size:14px;line-height:1.9;color:#606879;margin:6px 0}.join-promise{border-top:1px solid #e0e3eb;padding-top:24px}.join-card{background:white;border:1px solid #e3e6ee;border-radius:24px;padding:34px;box-shadow:0 14px 45px #323a6510}.join-card h2{font-size:23px;margin:12px 0 20px}.join-card form{display:grid;gap:15px}.join-card label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#424859}.join-card input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d7dce8;border-radius:10px;padding:12px 13px;font:inherit;font-size:16px;background:#fafbfe;color:#24293b}.join-card input:focus{outline:2px solid #9793ef;outline-offset:2px}.join-card button{cursor:pointer;font:inherit;min-height:44px;border-radius:10px}.join-card .primary{display:block;text-align:center;border:0;padding:14px 20px;white-space:normal}.join-card .primary:disabled{opacity:.5;cursor:wait}.secondary-button{background:#f5f4ff;color:#5351aa;border:1px solid #e4e1fc;padding:10px 15px;justify-self:start}.join-note{font-size:12px;line-height:1.8;color:#667082;margin:0}.join-note:empty{display:none}#join-message{font-size:13px;line-height:1.8;margin:0 0 20px;padding:12px 14px;border-radius:10px;background:#f0f3fc;color:#4c5578}#join-message[data-error=true]{background:#fff0ef;color:#9e3e36}.success-mark{font-size:32px;color:#387260}.join-card [hidden]{display:none!important}#join-success p{font-size:14px;line-height:1.9}#join-success .text-link{display:block;text-align:center;margin:20px 0}#join-success h3{font-size:23px}#success-user{overflow-wrap:anywhere;font-weight:600}@media(max-width:800px){.join-layout{grid-template-columns:1fr;gap:32px;margin-top:32px;max-width:570px}.join-story h1{font-size:36px}.join-steps{gap:18px;margin:25px 0}.join-card{padding:25px}.join-story .lead{font-size:15px}}@media(max-width:380px){.join-layout{padding:0 16px}.join-card{padding:20px}.join-story h1{font-size:32px}header nav a:first-child{display:none}}