.member-onboarding{display:none;background:linear-gradient(135deg,#07150f,#0d2118);border-top:1px solid rgba(98,255,133,.12);border-bottom:1px solid rgba(98,255,133,.16)}
.member-onboarding.is-visible{display:block}
.member-onboarding .container{padding-top:22px;padding-bottom:22px}
.member-onboarding-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:22px;align-items:center;border:1px solid rgba(98,255,133,.18);border-radius:24px;background:linear-gradient(180deg,rgba(18,45,33,.94),rgba(10,28,20,.96));padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.member-onboarding-kicker{color:#62ff85;font-size:.7rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.member-onboarding h2{margin:6px 0 7px;color:#fff;font-size:1.55rem}
.member-onboarding p{margin:0;color:#aab8b0;line-height:1.55}
.member-onboarding-progress{margin-top:17px}
.member-onboarding-progress-head{display:flex;justify-content:space-between;gap:14px;color:#dfe9e3;font-size:.78rem;font-weight:850}
.member-onboarding-track{height:8px;margin-top:8px;border-radius:999px;background:#1a2b23;overflow:hidden}
.member-onboarding-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#31dd63,#9affaf);border-radius:999px}
.member-onboarding-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}
.member-onboarding-step{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;border-radius:10px;background:#0b1812;border:1px solid rgba(255,255,255,.06);color:#829189;font-size:.7rem;font-weight:800}
.member-onboarding-step b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#1c2923;color:#7f8c86;font-size:.65rem}
.member-onboarding-step.is-done{color:#d9e5de}
.member-onboarding-step.is-done b{background:#1b5a39;color:#b8ffc7}
.member-onboarding-action{border-radius:20px;background:#f7fff9;color:#102018;padding:20px}
.member-onboarding-action strong{display:block;font-size:1.05rem}
.member-onboarding-action span{display:block;margin-top:6px;color:#5f6f66;font-size:.78rem;line-height:1.45}
.member-onboarding-action .btn{width:100%;margin-top:16px}
.member-onboarding-complete{display:none}
@media(max-width:850px){.member-onboarding-card{grid-template-columns:1fr}.member-onboarding-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.member-onboarding-card{padding:18px}.member-onboarding-steps{grid-template-columns:1fr}}