.join-layout{max-width:680px;margin:0 auto}.join-heading h1{text-align:center;font-size:36px;line-height:1.3;letter-spacing:-.045em;font-weight:700}.join-steps{display:flex;justify-content:center;gap:36px;list-style:none;padding:0;margin:32px 0 42px;color:#98a4b5;font-size:14px}.join-steps li{display:flex;align-items:center;gap:8px;white-space:nowrap}.join-steps li>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f0f3f7;font-size:11px;font-weight:650}.join-steps [aria-current="step"]{color:#3269c0;font-weight:650}.join-steps [aria-current="step"]>span{background:#3269c0;color:white}.join-steps .is-complete{color:#456387}.join-steps .is-complete>span{background:#eaf1fc;color:#3269c0}.join-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.join-main [hidden]{display:none!important}.join-main input[type="checkbox"],.join-main input[type="radio"]{width:18px;height:18px;accent-color:#3269c0;flex-shrink:0;cursor:pointer;margin:0}.join-agree-all{display:flex;align-items:center;gap:14px;padding:24px;background:#f5f8fd;border:1px solid #e1e9f4;border-radius:8px;cursor:pointer;margin-bottom:18px}.join-agree-all strong{display:block;font-size:17px;font-weight:650}.join-agree-all small{display:block;font-size:13px;line-height:1.7;color:#718198;margin-top:6px;word-break:keep-all}.join-agreement-item{padding:22px 0;border-bottom:1px solid #e5eaf0}.join-check{display:flex;align-items:center;gap:10px;min-height:30px;font-size:15px;cursor:pointer;line-height:1.6}.join-check em{font-style:normal;font-size:12px;color:#3269c0;white-space:nowrap}.join-agreement-item details{margin:5px 0 0 28px}.join-agreement-item summary{display:flex;align-items:center;gap:8px;width:fit-content;cursor:pointer;font-size:12px;color:#728297;list-style:none;min-height:32px}.join-agreement-item summary::-webkit-details-marker{display:none}.join-agreement-item summary>span{font-size:17px;transition:transform .2s}.join-agreement-item details[open] summary>span{transform:rotate(180deg)}.join-terms{white-space:pre-wrap;max-height:240px;overflow:auto;padding:20px;background:#f8fafc;border:1px solid #e3e9f0;border-radius:6px;font-size:13px;line-height:1.85;color:#596c83;overscroll-behavior:contain}.join-privacy{border:1px solid #e3e9f0;border-radius:6px;overflow:auto}.join-privacy table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.7;color:#596c83}.join-privacy caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.join-privacy th,.join-privacy td{padding:14px 12px;text-align:left;word-break:keep-all;overflow-wrap:anywhere;border-bottom:1px solid #e3e9f0;vertical-align:top}.join-privacy th{background:#f4f7fb;font-weight:600;color:#355477}.join-privacy tr:last-child td{border-bottom:0}.join-next{margin-top:30px;gap:16px}.join-layout>.login-join{margin-top:28px}.join-section{margin-bottom:36px}.join-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #dae3ee;margin-bottom:23px}.join-section-heading h2{font-size:20px;letter-spacing:-.03em;font-weight:650;line-height:1.5}.join-section-heading p{font-size:12px;color:#7d8da1}.join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.join-full{grid-column:1/-1}.join-field{min-width:0}.join-field>label,.join-address>legend,.join-option-group>legend{display:block;font-size:13px;font-weight:600;color:#3b506b;margin-bottom:9px}.join-requirement{font-size:11px;color:#7b8da4;font-weight:400;margin-left:7px;white-space:nowrap}.join-field input:not([type="checkbox"]):not([type="radio"]){display:block;width:100%;min-width:0;max-width:100%;height:52px;padding:0 15px;border:1px solid #d8e1eb;border-radius:6px;background:#f9fafc;font:inherit;font-size:16px;color:#192f4b;outline:none;transition:border-color .2s,box-shadow .2s}.join-field input::placeholder{color:#9aa7b7;font-size:14px}.join-field input:focus{border-color:#4077d2;box-shadow:0 0 0 3px #4277cc12;background:white}.join-field input[aria-invalid="true"]{border-color:#b64646}.join-field .login-password input{padding-right:54px}.join-field .login-password-toggle{top:4px}.join-hint{font-size:12px;line-height:1.7;color:#7b8ba0;margin-top:8px;word-break:keep-all}.join-hint.is-error{color:#ad3d3d}.join-birth{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.join-main fieldset{border:0;padding:0;margin:0;min-width:0}.join-calendar{display:flex;align-items:center;gap:20px;min-height:52px}.join-calendar legend{font-size:12px;color:#7b8da4;margin-bottom:9px}.join-calendar label{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;min-height:44px}.join-address>.join-grid{gap:14px 20px}.join-address .join-field>label{font-size:12px;font-weight:400}.join-address>legend{margin-bottom:14px}.join-main .join-option-group+.join-option-group{margin-top:24px}.join-choices{display:flex;flex-wrap:wrap;gap:10px}.join-choice{position:relative;display:flex;align-items:center;gap:8px;padding:12px 14px;min-height:46px;border:1px solid #dde5ee;border-radius:6px;cursor:pointer;font-size:13px;color:#61728a;background:white;transition:background .2s,border-color .2s}.join-choice:has(input:checked){background:#eff5ff;border-color:#82a6dc;color:#2e5fa8}.join-choices input{width:16px;height:16px}.join-preferences{display:grid;gap:12px}.join-preferences .join-check{font-size:14px}.join-actions{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:35px}.join-back{min-height:55px;border:1px solid #d8e1eb;background:white;color:#506884;border-radius:6px;font:inherit;font-size:15px;cursor:pointer}.join-submit:disabled{background:#aac0df;color:#fff;cursor:not-allowed;box-shadow:none}.join-main summary:focus-visible,.join-main input:focus-visible,.join-terms:focus-visible,.join-privacy:focus-visible{outline:3px solid #82a9dc;outline-offset:3px}.join-main input:not([type="radio"]):not([type="checkbox"]):focus-visible{outline:0}.join-main [tabindex="-1"]:focus{outline:0}
@media(hover:hover){.join-back:hover{background:#f4f7fb}.join-choice:hover{border-color:#8caad3}.join-agreement-item summary:hover{color:#3269c0}}
@media(max-width:760px){.join-layout{max-width:580px}.join-heading h1{font-size:32px}.join-steps{gap:24px;font-size:13px;margin:28px 0 34px}.join-agree-all{padding:20px}.join-grid{gap:20px 16px}.join-section-heading h2{font-size:19px}.join-choices{gap:8px}.join-choice{padding:11px 12px}.join-privacy th,.join-privacy td{padding:12px 8px}.join-terms{padding:15px}}
@media(max-width:520px){.join-grid,.join-birth{grid-template-columns:minmax(0,1fr)}.join-birth{gap:12px}.join-calendar{min-height:35px}.join-calendar legend{margin-bottom:0}.join-steps{gap:18px;font-size:12px}.join-steps li{gap:6px}.join-steps li>span{width:25px;height:25px;font-size:10px}.join-agree-all{padding:18px 15px;gap:12px}.join-agree-all strong{font-size:16px}.join-agree-all small{font-size:12px}.join-check{font-size:14px;gap:9px}.join-privacy table{font-size:11px}.join-privacy th,.join-privacy td{padding:10px 7px}.join-agreement-item details{margin-left:0}.join-terms{font-size:12px}.join-section-heading p{font-size:11px}.join-actions{grid-template-columns:85px 1fr}.join-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.join-choice{font-size:12px;padding:12px 10px}.join-branches label:last-child{grid-column:auto}}
@media(max-width:350px){.join-steps{gap:12px}.join-steps li{gap:4px}.join-check{font-size:13px}.join-check em{font-size:11px}.join-section-heading{gap:8px}.join-section-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.join-main *{transition:none!important;scroll-behavior:auto!important}}

.join-heading{scroll-margin-top:110px}.join-option-group:last-child>.join-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.join-branches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.join-branches .join-choice{padding-inline:10px}
@media(max-width:760px){.join-heading{scroll-margin-top:90px}.join-branches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.join-option-group:last-child>.join-choices,.join-branches{grid-template-columns:repeat(2,minmax(0,1fr))}}