:where(.page-join) .ap{grid-template:"intro form""direct form"1fr/minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:0 96px;display:grid}:where(.page-join) .ap-l{flex-direction:column;grid-area:intro;gap:28px;padding-top:8px;display:flex}:where(.page-join) .ap-h{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(36px,3.9vw,56px);font-weight:800;line-height:1.04}:where(.page-join) .direct{border-top:1px solid #e4e4e4;flex-direction:column;grid-area:direct;gap:14px;margin-top:28px;padding-top:28px;display:flex}:where(.page-join) .pp{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 14px;display:grid}:where(.page-join) .pp img{object-fit:cover;object-position:center top;border-radius:50%;grid-row:span 2;width:48px;height:48px}:where(.page-join) .pp b{font-size:16px;font-weight:700}:where(.page-join) .pp span{color:#5e5e5e;flex-wrap:wrap;gap:4px 16px;font-size:14px;font-weight:500;display:flex}:where(.page-join) .pp span a{color:#5e5e5e}:where(.page-join) .pp span a:hover{color:#d44d45}:where(.page-join) .form{background:#fff;border:1px solid #e4e4e4;border-radius:16px;grid-area:form;padding:clamp(24px,3.5vw,40px);display:grid;box-shadow:0 30px 60px -48px #0b0b0b59}:where(.page-join) .seg-t{background:#fff;border:1px solid #e4e4e4;border-radius:999px;gap:4px;padding:4px;display:inline-flex}:where(.page-join) .sg{min-height:46px;font:inherit;color:#0b0b0b;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}:where(.page-join) .sg i{color:#8a8a8a;font-size:13px;font-style:normal;font-weight:600}:where(.page-join) .sg:hover{background:#f4f4f4}:where(.page-join) .sg.on{color:#fff;background:#0b0b0b}:where(.page-join) .sg.on i{color:#bdbdbd}:where(.page-join) .seg-t{align-self:flex-start}:where(.page-join) .fwrap{display:grid}:where(.page-join) .fmode{visibility:hidden;flex-direction:column;grid-area:1/1;gap:18px;display:flex}:where(.page-join) .fmode.on{visibility:visible}:where(.page-join) .row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:where(.page-join) .fld{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex;position:relative}:where(.page-join) .fld input,:where(.page-join) .fld textarea{min-height:52px;font:inherit;color:#0b0b0b;background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:0 16px;font-size:16px;font-weight:400}:where(.page-join) .fld input:focus,:where(.page-join) .fld textarea:focus{border-color:#0b0b0b;outline:none}:where(.page-join) .fld textarea{resize:none;flex:auto;min-height:110px;padding:14px 16px}:where(.page-join) .fld.grow{flex:auto}:where(.page-join) input::placeholder,:where(.page-join) textarea::placeholder{color:#8a8a8a}:where(.page-join) .grp{flex-direction:column;gap:10px;display:flex}:where(.page-join) .grp>span{font-size:14px;font-weight:600}:where(.page-join) .choice{gap:8px;display:grid}:where(.page-join) .choice.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:901px) and (max-width:1100px){:where(.page-join) .choice.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}:where(.page-join) .ch{min-height:44px;font:inherit;color:#0b0b0b;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:999px;padding:0 12px;font-size:14px;font-weight:700}:where(.page-join) .ch:hover{border-color:#0b0b0b}:where(.page-join) .ch.on{color:#fff;background:#0b0b0b;border-color:#0b0b0b}:where(.page-join) .fmode .btn{width:100%;margin-top:6px}:where(.page-join) .fine{color:#5e5e5e;text-align:center;margin:0;font-size:13px;font-weight:300;line-height:1.5}:where(.page-join) .fstate{flex-direction:column;grid-area:1/1;gap:24px;min-width:0;display:flex}:where(.page-join) .fstate.off,:where(.page-join) .fstate.off *{visibility:hidden}:where(.page-join) .done{align-self:center;gap:18px;padding:8px 0}:where(.page-join) .done:before{content:"";background:#eb544f;width:32px;height:2px}@media (max-width:900px){:where(.page-join) .ap{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""form""direct"}:where(.page-join) .form{margin-top:40px}:where(.page-join) .direct{margin-top:48px}}@media (max-width:480px){:where(.page-join) .choice.c4{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.page-join) .row2{grid-template-columns:minmax(0,1fr)}:where(.page-join) .seg-t{align-self:stretch;display:flex}:where(.page-join) .sg{flex:auto;justify-content:center;padding:0 10px}}:where(.page-join) .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 28px;margin-top:64px;display:grid}:where(.page-join) .step{border-top:1px solid #0b0b0b;flex-direction:column;gap:10px;padding-top:20px;display:flex}:where(.page-join) .step .when{letter-spacing:.14em;text-transform:uppercase;color:#d44d45;font-size:12px;font-weight:700}:where(.page-join) .step h3{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:800;line-height:1.2}:where(.page-join) .step p{color:#3a3a3a;margin:0;font-size:15px;font-weight:300;line-height:1.6}:where(.page-join) .step.go{border-top:2px solid #eb544f;padding-top:19px}@media (max-width:1000px){:where(.page-join) .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){:where(.page-join) .steps{grid-template-columns:minmax(0,1fr);gap:28px}}
