.b-SrJoin{background:#121214}.b-SrJoin .srj-main{width:100%;max-width:480px;padding:var(--srj-top,16px) 16px 16px;gap:var(--srj-gap,12px);flex-direction:column;margin:0 auto;display:flex}.b-SrJoin .srj-h1{font-family:var(--ffc);text-transform:uppercase;font-size:30px;font-weight:700;line-height:1}.b-SrJoin .srj-form{flex-direction:column;gap:16px;display:flex}.b-SrJoin .srj-or{color:#9c9ca5;align-items:center;gap:10px;font-size:12px;display:flex}.b-SrJoin .srj-or i{background:#2a2a2f;flex:1;height:1px}.b-SrJoin .srj-ico{border:2px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@container pg (min-width:768px){.b-SrJoin .srj-main{padding-top:calc(var(--srj-top,16px) + 32px)}}.b-SrJoin .srj-back{margin-left:-8px;padding:0 8px}.b-SrJoin .srj-h1.srj-h1-sm{font-size:28px}.b-SrJoin .srj-h1.srj-h1-xs{font-size:22px}.b-SrJoin .srj-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.b-SrJoin .srj-grid .wide{grid-column:1/-1}.b-SrJoin .opt{position:relative}.b-SrJoin .opt:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}