.membership-platform{--mp-navy:#061a3a;--mp-blue:#0b4f78;--mp-teal:#087f75;--mp-teal-dark:#05645d;--mp-gold:#b9872e;--mp-ink:#14263b;--mp-muted:#607087;--mp-line:#d8e2e8;--mp-soft:#f3f7f7;--mp-error:#a52a36;--mp-success:#076b57;--mp-radius:16px;background:linear-gradient(180deg,#f4f7f8 0,#fff 42%,#f4f7f8 100%);color:var(--mp-ink);scroll-margin-top:110px}
.membership-platform *{box-sizing:border-box}.membership-platform button,.membership-platform input,.membership-platform select,.membership-platform textarea{font:inherit}.membership-platform__intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.membership-platform__intro>div:first-child{max-width:760px}.membership-platform__intro h2{margin:.25em 0;color:var(--mp-navy);font-size:clamp(2rem,4vw,3.2rem)}.membership-platform__intro p{color:var(--mp-muted)}
.membership-platform__trust{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px}.membership-platform__trust span{padding:8px 11px;border:1px solid #bcd4d1;border-radius:999px;background:#eaf6f4;color:#075b55;font-size:.78rem;font-weight:800}
.membership-platform__restore{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px 20px;border:1px solid #b8d6d2;border-radius:16px;background:#edf8f6}.membership-platform__restore>div{display:flex;gap:10px;align-items:center}.membership-platform__restore strong{color:var(--mp-teal-dark)}.membership-platform__restore span{display:block;color:var(--mp-muted);font-size:.9rem}
.membership-platform__shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.membership-platform__main{min-width:0}.membership-progress,.membership-wizard,.membership-summary{border:1px solid var(--mp-line);background:#fff;box-shadow:0 15px 42px rgba(6,26,58,.08)}.membership-progress{border-radius:22px 22px 0 0;padding:22px 24px;border-bottom:0}.membership-progress__meta{display:flex;justify-content:space-between;gap:12px;color:var(--mp-muted);font-size:.82rem;font-weight:800}.membership-progress__track{height:7px;margin:12px 0 19px;border-radius:999px;background:#e3ebee;overflow:hidden}.membership-progress__track span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mp-teal),#19988b);transition:width .25s ease}.membership-progress__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}.membership-progress__steps button{width:100%;border:0;background:transparent;color:var(--mp-muted);font-size:.73rem;font-weight:750;line-height:1.25;cursor:pointer}.membership-progress__steps button span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 7px;border-radius:50%;border:2px solid var(--mp-line);background:#fff;color:var(--mp-muted)}.membership-progress__steps button[aria-current=step]{color:var(--mp-navy)}.membership-progress__steps button[aria-current=step] span{background:var(--mp-teal);border-color:var(--mp-teal);color:#fff}.membership-progress__steps button.is-complete span{background:#def2ee;border-color:#78bdb4;color:#08685d}.membership-progress__steps button:disabled{cursor:not-allowed;opacity:.68}
.membership-wizard{border-radius:0 0 22px 22px;padding:clamp(20px,4vw,38px);position:relative}.membership-autosave{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--mp-success);font-size:.82rem}.membership-autosave__dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.membership-autosave[data-tone=saving]{color:#775916}.membership-autosave[data-tone=offline],.membership-autosave[data-tone=error]{color:var(--mp-error)}.membership-autosave[data-tone=action]{color:#7a5412}.membership-wizard fieldset[data-step]{border:0;padding:0;margin:0;min-width:0}.membership-wizard fieldset[data-step]>legend{display:flex;align-items:center;gap:14px;width:100%;padding:0 0 24px}.membership-wizard fieldset[data-step]>legend>span:first-child{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--mp-navy);color:#fff;font-weight:900}.membership-wizard legend strong{display:block;color:var(--mp-navy);font-size:1.45rem;line-height:1.2}.membership-wizard legend small{display:block;margin-top:4px;color:var(--mp-muted);font-weight:500}
.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mp-field{display:flex;flex-direction:column;gap:7px;color:var(--mp-ink);font-weight:760}.mp-field--wide{grid-column:1/-1}.mp-field>small{color:var(--mp-muted);font-size:.78rem;font-weight:500}.mp-label{font-weight:760}.mp-field input,.mp-field select,.mp-field textarea,.membership-declarations label,.mp-interest-group{border:1px solid #bccbd3;border-radius:12px;background:#fff}.mp-field input,.mp-field select,.mp-field textarea{width:100%;min-height:48px;padding:11px 13px;color:var(--mp-ink)}.mp-field textarea{resize:vertical}.mp-field input:hover,.mp-field select:hover,.mp-field textarea:hover{border-color:#7295a6}.mp-field input:focus,.mp-field select:focus,.mp-field textarea:focus{outline:3px solid rgba(8,127,117,.22);border-color:var(--mp-teal)}.mp-field [aria-invalid=true]{border-color:var(--mp-error);outline-color:rgba(165,42,54,.18)}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.membership-error-summary{margin:0 0 22px;padding:17px 19px;border:2px solid var(--mp-error);border-radius:14px;background:#fff6f7}.membership-error-summary h3{margin:0 0 6px;color:var(--mp-error);font-size:1rem}.membership-error-summary ul{margin:0;padding-left:20px}.membership-error-summary a{color:var(--mp-error);font-weight:700}.membership-message{margin:0 0 20px;padding:15px 17px;border-radius:12px;border:1px solid #b9cad2;background:#f4f8fa}.membership-message:focus{outline:3px solid rgba(8,127,117,.25)}.membership-message--error{border-color:#e4aeb4;background:#fff5f6;color:#7d1f29}.membership-message--success{border-color:#9fcec6;background:#edf8f5;color:#075b4c}.membership-message--warning{border-color:#e1c179;background:#fff9e9;color:#6c4a0d}
.membership-connection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 22px}.membership-connection-actions[hidden]{display:none}.membership-connection-actions small{color:var(--mp-muted)}
.mp-optional{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 16px;padding:18px;border-radius:16px;background:#f1f7f7;border:1px solid #cbdedd}.mp-optional h3{margin:2px 0;color:var(--mp-navy)}.mp-optional p{margin:0;color:var(--mp-muted)}
.membership-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.membership-category-card,.payment-method-card{display:block;cursor:pointer}.membership-category-card input,.payment-method-card input{position:absolute;opacity:0;pointer-events:none}.membership-category-card>span,.payment-method-card>span{display:flex;height:100%;flex-direction:column;border:2px solid var(--mp-line);border-radius:16px;padding:17px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.membership-category-card strong,.payment-method-card strong{color:var(--mp-navy)}.membership-category-card b{margin:8px 0;color:var(--mp-teal);font-size:1.15rem}.membership-category-card small,.payment-method-card small{color:var(--mp-muted);font-weight:500}.membership-category-card input:checked+span,.payment-method-card input:checked+span{border-color:var(--mp-teal);box-shadow:0 0 0 3px rgba(8,127,117,.15)}.membership-category-card input:focus-visible+span,.payment-method-card input:focus-visible+span{outline:3px solid #edb341;outline-offset:2px}.membership-category-card:hover>span,.payment-method-card:hover>span{transform:translateY(-1px)}
.membership-fee-panel{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:22px;align-items:center;margin:22px 0;padding:22px;border-radius:18px;background:linear-gradient(120deg,var(--mp-navy),#0c436b);color:#fff}.membership-fee-panel h3{margin:3px 0;color:#fff}.membership-fee-panel strong{display:block;color:#f1c86d;font-size:clamp(1.7rem,4vw,2.5rem)}.membership-fee-panel p{margin:5px 0;color:#d5e1ea}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payment-account-panel{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;align-items:center;margin-top:18px;padding:20px;border:1px solid var(--mp-line);border-radius:16px;background:var(--mp-soft)}.payment-account-panel h4{margin:3px 0 12px;color:var(--mp-navy)}.payment-account-panel>img{width:160px;height:160px;object-fit:contain;background:#fff;border:1px solid var(--mp-line);border-radius:12px}.payment-copy-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--mp-line)}.payment-copy-row span{min-width:0}.payment-copy-row small{display:block;color:var(--mp-muted)}.payment-copy-row strong{display:block;overflow-wrap:anywhere}.mp-copy{min-height:40px;padding:0 12px;border:1px solid #8bb8b3;border-radius:10px;background:#fff;color:var(--mp-teal-dark);font-weight:800;cursor:pointer}.payment-copy-status{min-height:1.3em;color:var(--mp-success);font-size:.8rem}.mp-upload-section{margin-top:24px}.mp-upload-section h3{color:var(--mp-navy)}
.mp-interest-group{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:16px}.mp-interest-group legend{padding:0 8px;color:var(--mp-navy);font-weight:800}.mp-interest-group label{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#f4f7f8}.mp-interest-group input{accent-color:var(--mp-teal)}
.mp-security-note,.mp-inline-notice{border-left:4px solid var(--mp-gold);border-radius:10px;background:#fff8e7;padding:14px 16px}.mp-security-note{margin-bottom:20px}.mp-security-note p,.mp-inline-notice{color:#674e1a}.membership-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.membership-upload-grid>[data-professional-documents]{display:contents}.membership-upload{border:1px solid var(--mp-line);border-radius:16px;padding:16px;background:#fff}.membership-upload__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.membership-upload__head strong,.membership-upload__head small{display:block}.membership-upload__head small{color:var(--mp-muted);font-weight:500}.membership-upload__head>span{align-self:start;color:var(--mp-teal-dark);font-size:.76rem;font-weight:800}.membership-upload__drop{display:grid;place-items:center;min-height:94px;border:2px dashed #9ab3bd;border-radius:12px;background:#f6f9fa;color:var(--mp-teal-dark);font-weight:800;cursor:pointer}.membership-upload__drop input{position:absolute;width:1px;height:1px;opacity:0}.membership-upload__drop:focus-within{outline:3px solid rgba(8,127,117,.24)}.membership-upload progress{width:100%;height:10px;margin-top:10px;accent-color:var(--mp-teal)}.membership-upload__preview{margin-top:10px}.membership-upload__preview img{display:block;width:100%;max-height:160px;object-fit:contain;border-radius:10px;background:#eef3f4}.membership-upload__preview span{display:block;overflow-wrap:anywhere;color:var(--mp-muted);font-size:.82rem}.membership-upload__actions{display:flex;gap:8px;margin-top:10px}
.membership-review{display:grid;gap:14px}.membership-review article{border:1px solid var(--mp-line);border-radius:16px;padding:18px;background:#fff}.membership-review article header{display:flex;justify-content:space-between;align-items:center;gap:12px}.membership-review h3{margin:0;color:var(--mp-navy)}.membership-review article header button{border:0;background:transparent;color:var(--mp-teal-dark);font-weight:850;text-decoration:underline;cursor:pointer}.membership-review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.membership-review dl div{padding-top:9px;border-top:1px solid var(--mp-line)}.membership-review dt{color:var(--mp-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.membership-review dd{margin:3px 0 0;overflow-wrap:anywhere}.membership-declarations{display:grid;gap:10px;margin-top:22px}.membership-declarations label{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;font-weight:650}.membership-declarations input{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--mp-teal)}
.membership-wizard__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--mp-line)}.membership-wizard__actions>div{display:flex;gap:10px}.mp-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:12px;padding:0 17px;border:1px solid transparent;font-weight:850;cursor:pointer;text-decoration:none}.mp-button--primary{background:var(--mp-teal);color:#fff}.mp-button--primary:hover{background:var(--mp-teal-dark)}.mp-button--secondary{background:#fff;border-color:#87b3af;color:var(--mp-teal-dark)}.mp-button--quiet{background:#f1f5f6;border-color:var(--mp-line);color:var(--mp-navy)}.mp-button:disabled{opacity:.55;cursor:not-allowed}.mp-button:focus-visible,.mp-copy:focus-visible,.membership-review button:focus-visible{outline:3px solid #edb341;outline-offset:3px}
.membership-summary{position:sticky;top:116px;border-radius:20px;padding:22px}.membership-summary h3{margin:3px 0 16px;color:var(--mp-navy)}.membership-summary dl{margin:0}.membership-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--mp-line)}.membership-summary dt{color:var(--mp-muted)}.membership-summary dd{margin:0;text-align:right;font-weight:800}.membership-summary__notice{margin:18px 0;padding:14px;border-radius:12px;background:#fff7e6;border-left:4px solid var(--mp-gold)}.membership-summary__notice p{margin:4px 0 0;color:#66501e;font-size:.85rem}.membership-summary>a{color:var(--mp-teal-dark);font-weight:750}
.membership-dialog{width:min(560px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(6,26,58,.32)}.membership-dialog::backdrop{background:rgba(4,17,39,.7)}.membership-dialog form{position:relative;padding:30px}.membership-dialog h2{color:var(--mp-navy)}.membership-dialog__close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eff3f4;font-size:1.5rem;cursor:pointer}.membership-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:1050px){.membership-platform__shell{grid-template-columns:1fr}.membership-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.membership-summary>p,.membership-summary>h3,.membership-summary>a{grid-column:1/-1}.membership-summary dl{grid-column:1/-1}.membership-summary__notice{margin:0}}
@media(max-width:760px){.membership-platform__intro,.membership-platform__restore{align-items:flex-start;flex-direction:column}.membership-platform__trust{justify-content:flex-start}.membership-platform__restore>div{align-items:flex-start;flex-wrap:wrap}.membership-progress{padding:18px 12px}.membership-progress__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;padding:0}.membership-progress__steps li{min-width:0}.membership-progress__steps button{min-width:0;padding:2px;font-size:0}.membership-progress__steps button span{width:28px;height:28px;margin:0 auto;font-size:.72rem}.membership-wizard{padding:22px 16px}.mp-grid,.membership-category-grid,.payment-method-grid,.membership-upload-grid,.membership-review dl,.membership-fee-panel,.payment-account-panel,.membership-summary{grid-template-columns:1fr}.payment-account-panel>img{width:140px;height:140px}.membership-wizard__actions{align-items:stretch;flex-direction:column}.membership-wizard__actions>div{display:grid;grid-template-columns:1fr 1fr}.membership-wizard__actions>div [data-next],.membership-wizard__actions>div [data-submit]{grid-column:2}.membership-connection-actions{align-items:stretch;flex-direction:column}.mp-button{width:100%}}
@media(max-width:420px){.membership-progress__meta{align-items:flex-start;flex-direction:column}.membership-wizard fieldset[data-step]>legend{align-items:flex-start}.membership-wizard fieldset[data-step]>legend>span:first-child{flex-basis:42px;height:42px}.membership-upload__head{flex-direction:column}.payment-copy-row{align-items:flex-start;flex-direction:column}.membership-dialog__actions{flex-direction:column-reverse}}
@media(prefers-reduced-motion:reduce){.membership-platform *{scroll-behavior:auto!important;transition:none!important}}

/* Form pages provide the same verification destination in the navigation and footer.
   Removing the fixed stack here prevents it from obscuring form controls at any width. */
.membership-application-page .ihrm-floating-actions{display:none!important}
.membership-application-page{overflow-x:hidden}
.membership-fee-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 0 1.5rem;
  padding: 1.25rem;
  border: 1px solid rgba(26, 116, 108, .28);
  border-left: .3rem solid var(--mp-teal);
  border-radius: var(--mp-radius);
  background: #f4fbfa;
}

.membership-fee-review h3,
.membership-fee-review p { margin: .2rem 0; }

.membership-fee-review__detail { color: var(--mp-muted); }

@media (max-width: 760px) {
  .membership-fee-review { align-items: stretch; flex-direction: column; }
  .membership-fee-review .mp-button { width: 100%; }
}

/* Keep required markers on the same line as their visible field labels. */
.membership-platform .mp-field {
  display: block;
}

.membership-platform .mp-field > input,
.membership-platform .mp-field > select,
.membership-platform .mp-field > textarea {
  display: block;
  margin-top: 7px;
}

.membership-platform .mp-field > small {
  display: block;
  margin-top: 7px;
}
