.join-layout{width:calc(100% - 80px);max-width:1180px;margin:48px auto 56px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.join-welcome{position:sticky;top:28px;min-height:535px;padding:36px}.join-welcome h2{font-size:39px}.join-welcome .welcome-copy{font-size:13px}.join-welcome .welcome-bottom{left:36px}.join-welcome .sky-art{left:-40px;right:-65px;top:170px}.join-panel{min-width:0}.join-panel .form-heading h1{font-size:29px}.join-panel .lead{margin-bottom:22px}.join-steps{list-style:none;margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--line);display:flex;gap:25px;font-size:12px;color:var(--muted)}.join-steps li{display:flex;align-items:center;gap:8px}.join-steps span{display:inline-grid;place-items:center;border:1px solid var(--line);width:27px;height:27px;border-radius:50%;font-size:10px}.join-steps [aria-current]{color:var(--accent);font-weight:600}.join-steps [aria-current] span{background:var(--accent);border-color:var(--accent);color:var(--bg)}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-label h2{font-size:16px;margin:0;font-weight:600}.section-label>span{font-size:11px;color:var(--muted)}.join-panel i{font-style:normal;color:var(--accent);font-size:11px;font-weight:500}.join-panel em{font-style:normal;color:var(--muted);font-size:10px;font-weight:400;margin-left:4px}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}.join-grid .fld{min-width:0}.span2{grid-column:1/-1}.join-panel input:not([type=checkbox]),.join-panel select{font-size:14px;min-height:49px}.join-panel select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:12px 10px;font:inherit}.join-panel select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.join-panel .hint{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.join-grid .hint{margin-top:-8px}.join-agree{min-width:0;border:0;margin:30px 0 0;padding:0}.join-agree legend{font-size:16px;font-weight:600;margin-bottom:14px;padding:0}.chk{display:flex;align-items:flex-start;gap:10px;margin:9px 0}.chk input{appearance:auto;display:block;min-height:0;width:18px;height:18px;flex:0 0 18px;padding:0;margin:4px 0 0;accent-color:var(--accent)}.chk label{font-size:12px;font-weight:400;margin:0;padding-block:1px;line-height:1.9;cursor:pointer}.chk i,.chk .op{margin-left:6px;font-size:10px}.chk .op{color:var(--muted)}.chk a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.chk.all{background:var(--soft);border:1px solid var(--line);padding:12px 14px;border-radius:9px;margin:0 0 14px}.chk.all label{font-weight:600}.join-agree .hint{margin-top:12px}.join-panel .go{justify-content:center;margin-top:22px;min-height:52px}.join-panel .msg a{color:var(--accent);text-decoration:underline}.join-panel .join-prompt{margin-top:4px}.join-panel .password-field input{padding-right:64px}
@media(max-width:1050px){.join-layout{gap:32px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.join-welcome{padding:28px}.join-welcome h2{font-size:33px}.join-welcome .welcome-copy{font-size:12px}.join-welcome .welcome-bottom{left:28px}.join-grid{gap:18px 12px}}
@media(max-width:800px){.join-layout{display:block;max-width:620px;margin-block:36px 42px}.join-welcome{display:none}.join-panel .form-heading h1{font-size:28px}}
@media(max-width:600px){.join-layout{width:calc(100% - 40px)}.join-grid{grid-template-columns:1fr;gap:18px}.join-panel input:not([type=checkbox]),.join-panel select{font-size:16px}.join-panel .password-field input{font-size:14px}.join-steps{gap:22px}.join-panel .hint{font-size:11px}.join-panel .form-heading h1{font-size:27px}}