.join-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding-top:52px;padding-bottom:64px;max-width:1120px}
.join-main h1{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:14px 0 20px}
.join-main .lede{font-size:18px;margin-bottom:28px}.join-role-grid{display:grid;gap:12px}
.join-role-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;border:1px solid #c6d8d2;border-radius:15px;background:#fff;text-decoration:none;color:#064b58;min-height:88px;transition:background .15s,border-color .15s}
.join-role-card strong,.join-role-card small{display:block}.join-role-card strong{font-size:17px;font-weight:600}.join-role-card small{font-size:14px;color:#496873;margin-top:6px;line-height:1.4}.join-role-card>span:last-child{font-size:24px;color:#008c80}
.join-role-card:hover{background:#edf7f1;border-color:#008c80;text-decoration:none}.join-role-card:focus-visible,.join-back:focus-visible{outline:3px solid #c89f44;outline-offset:4px}
.join-visual{overflow:hidden;border-radius:24px;background:#064b58;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.join-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.join-visual p{font-family:Georgia,serif;color:#fcf8ef;font-size:28px;line-height:1.3;padding:28px;margin:0}
.join-signin{font-size:14px;margin:24px 0 0}.join-signin a,.join-footnote a{color:#007c73;text-underline-offset:3px}.join-narrow{max-width:560px;padding-top:36px;padding-bottom:64px}.join-back{display:inline-block;font-size:14px;margin-bottom:26px;color:#496873;text-decoration:none}.join-progress{display:flex;list-style:none;gap:10px;padding:0;margin:0 0 26px;counter-reset:join-step}.join-progress li{flex:1;border-bottom:3px solid #dce5de;padding:0 0 12px;color:#657e83;font-size:14px;counter-increment:join-step}.join-progress li:before{content:counter(join-step) ' · ';font-variant-numeric:tabular-nums}.join-progress li[aria-current=step]{color:#064b58;border-color:#008c80;font-weight:600}.join-progress .complete{border-color:#aacac0;color:#008275}
.join-panel{margin:0;border:1px solid #c6d8d2;border-radius:22px;padding:32px;background:#fff;box-shadow:0 12px 32px #064b5807}.join-panel h1{font-family:Georgia,serif;font-size:34px;line-height:1.13;font-weight:400;letter-spacing:-.025em;margin:10px 0 16px}.join-panel>p:not(.eyebrow){font-size:15px;color:#496873}.join-panel .field{margin-top:24px;margin-bottom:20px}.join-panel label{font-size:15px}.join-panel small{display:block;font-size:13px;line-height:1.5;margin-top:8px}.join-panel .signup-terms{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;font-weight:400}.join-panel .signup-terms input{width:18px!important;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#008c80}.join-panel .full{width:100%;min-height:48px}.join-footnote{font-size:13px;text-align:center;color:#657e83;margin:18px 0;line-height:1.6}.join-panel .join-footnote{text-align:left}.join-panel .auth-foot{text-align:center;margin-bottom:0}.join-main .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
@media(max-width:800px){.join-layout{grid-template-columns:1fr;gap:28px;padding-top:32px}.join-main h1 br{display:none}.join-visual{display:none}.join-role-card{min-height:86px}.join-narrow{padding-top:24px}.join-panel{padding:24px}.join-panel h1{font-size:30px}.join-main .hero-actions{flex-direction:column;align-items:stretch}}
.join-staff-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.join-staff-actions .button{max-width:100%}
.join-panel [hidden]{display:none!important}.join-panel h1:focus{outline:none}.join-panel [data-profile-screen]>p:not(.eyebrow){font-size:15px;color:#496873;line-height:1.6}
@media(min-width:801px){.join-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-role-card{min-height:122px;padding:18px}.join-role-card strong{line-height:1.4}.join-visual{justify-content:flex-start}.join-visual img{aspect-ratio:3/2;flex:1;min-height:0;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.join-role-card{transition:none}}