/* Reusable membership invitation and error recovery. Portal owns the forms. */
.onyx-design :is(.lf-membership,.lf-recovery) {max-width:1440px;margin-inline:auto;font-family:var(--font-family-sansSerif);color:var(--lf-ink)}
.onyx-design :is(.lf-membership,.lf-recovery) :is(h1,h2,p) {margin:0}
.onyx-design .lf-membership {display:flex;align-items:center;justify-content:space-between;gap:50px;background:var(--lf-acid);padding:48px 38px}
.onyx-design .lf-membership-copy {max-width:720px}
.onyx-design :is(.lf-membership-label,.lf-recovery-label) {font-size:12px;line-height:1.5;font-weight:700}
.onyx-design .lf-membership h2 {font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin-top:18px}
.onyx-design .lf-membership-copy>p:last-child {max-width:470px;font-size:15px;line-height:1.65;margin-top:22px}
.onyx-design .lf-membership-actions {flex-shrink:0;max-width:100%}
.onyx-design .lf-membership-art {flex:0 1 380px;aspect-ratio:4/3;border-radius:48% 52% 44% 56% / 38% 42% 58% 62%;overflow:hidden;background:var(--lf-deep)}
.onyx-design .lf-membership-art img {display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1100px) {.onyx-design .lf-membership-art {display:none}}
.onyx-design a.lf-membership-button {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;background:var(--lf-ink);color:var(--lf-paper);border:1px solid var(--lf-ink);font:700 13px/1.5 var(--font-family-sansSerif);text-decoration:none;max-width:100%}
.onyx-design a.lf-membership-button:hover {background:var(--lf-paper);color:var(--lf-ink);text-decoration:none}
.onyx-design .lf-membership-actions p {font-size:12px;line-height:1.6;margin-top:18px}
.onyx-design .lf-membership-actions p a {color:inherit;text-decoration:underline;text-underline-offset:4px}
.onyx-design .lf-recovery {background:var(--lf-green);padding:70px 38px 80px;min-height:520px}
.onyx-design .lf-recovery h1 {max-width:1050px;font-size:clamp(44px,7.7vw,100px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin:32px 0;overflow-wrap:anywhere}
.onyx-design .lf-recovery-copy {max-width:610px;font-size:18px;line-height:1.7}
.onyx-design .lf-recovery-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}
.onyx-design .lf-recovery-search {appearance:none;cursor:pointer;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:10px 0;font:700 13px/1.5 var(--font-family-sansSerif)}
.onyx-design .lf-recovery-search span {margin-left:24px}
@media(max-width:750px) {
  .onyx-design .lf-membership {display:block;padding:36px 24px}
  .onyx-design .lf-membership-actions {margin-top:28px}
  .onyx-design .lf-recovery {padding:44px 24px 52px;min-height:0}
  .onyx-design .lf-recovery h1 {margin-block:26px}
  .onyx-design .lf-recovery-copy {font-size:16px}
}