/* Membership recovery — old visual language, current copy.
   Fully scoped: no homepage or secondary-page selectors are changed. */
.membership-legacy-page .skip-link{
  position:fixed;z-index:2000;top:12px;left:12px;transform:translateY(-160%);
  padding:10px 14px;border-radius:4px;background:var(--text);color:var(--bg);font-weight:700
}
.membership-legacy-page .skip-link:focus{transform:translateY(0)}
.membership-legacy-page #main-content:focus{outline:0}
.membership-legacy-page .membership-legacy-hero{
  background:
    linear-gradient(115deg,rgba(232,0,90,.055),transparent 46%),
    radial-gradient(circle at 82% 30%,rgba(0,180,216,.07),transparent 34%),
    var(--bg);
}
.membership-legacy-page .membership-legacy-hero .hero-actions{margin-top:32px}
.membership-legacy-page .membership-legacy-note{
  margin-top:22px;color:var(--muted2);font-size:.84rem;line-height:1.6
}
.membership-legacy-page .membership-label-center{margin:0 auto 12px;display:table}
.membership-legacy-page .membership-orientation-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:920px;margin-left:auto;margin-right:auto
}
.membership-legacy-page .membership-orientation-card{min-height:330px}
.membership-legacy-page .membership-orientation-card .membership-desc{flex:1}
.membership-legacy-page .membership-audience{
  margin:0 0 18px;padding:11px 14px;border-left:2px solid var(--border2);
  background:var(--bg3);color:var(--muted);font-size:.8rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase
}
.membership-legacy-page .membership-card{position:relative}
.membership-legacy-page .membership-card .membership-desc{max-width:none}
.membership-legacy-page .membership-card .membership-features a{color:inherit;text-decoration:underline}
.membership-legacy-page .membership-table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}
.membership-legacy-page .membership-process-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none
}
.membership-legacy-page .membership-process-grid .process-step{height:100%}
.membership-legacy-page .membership-junior-recovery{
  background:
    linear-gradient(135deg,rgba(0,180,216,.06),transparent 55%),
    var(--bg3)
}
.membership-legacy-page .membership-junior-recovery-grid{
  display:grid;grid-template-columns:280px minmax(0,1fr);gap:72px;align-items:center
}
.membership-legacy-page .membership-junior-recovery-mark{
  aspect-ratio:1;display:grid;place-content:center;border:1px solid rgba(0,180,216,.55);
  box-shadow:inset 0 0 48px rgba(0,180,216,.05);text-align:center
}
.membership-legacy-page .membership-junior-recovery-mark strong{
  color:var(--blue);font-family:'Syne',sans-serif;font-size:5.7rem;line-height:1
}
.membership-legacy-page .membership-junior-recovery-mark span{
  margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.16em
}
.membership-legacy-page .membership-junior-recovery h2{margin-top:20px}
.membership-legacy-page .membership-junior-recovery p{margin-top:16px;max-width:760px}
.membership-legacy-page .membership-benefit-recovery-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px
}
.membership-legacy-page .membership-benefit-recovery-grid .membership-card{min-height:250px}
.membership-legacy-page .membership-benefit-state{
  width:fit-content;margin-bottom:24px;padding:6px 10px;border:1px solid currentColor;border-radius:100px;
  font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase
}
.membership-legacy-page .membership-benefit-state--included{color:#5bdb8f}
.membership-legacy-page .membership-benefit-state--onboarding{color:var(--blue)}
.membership-legacy-page .membership-benefit-state--calendar{color:var(--gold)}
.membership-legacy-page .membership-benefit-state--application{color:var(--accent)}
.membership-legacy-page .membership-benefit-state--implementation{color:#f97316}
.membership-legacy-page .membership-benefit-state--evolution{color:#8b5cf6}
.membership-legacy-page .membership-form-wrap{max-width:760px;margin:48px auto 0}
.membership-legacy-page .membership-form{position:relative}
.membership-legacy-page .membership-honeypot{
  position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden
}
.membership-legacy-page .membership-form fieldset{min-width:0;border:0;padding:0;margin:0}
.membership-legacy-page .form-legend{
  margin-bottom:14px;color:var(--muted);font-size:.82rem
}
.membership-legacy-page .membership-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
.membership-legacy-page .membership-route-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
.membership-legacy-page .plan-option label strong{font-family:'Syne',sans-serif;font-size:1rem}
.membership-legacy-page .form-nav{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px
}
.membership-legacy-page .membership-form-notice{
  margin-bottom:24px;padding:14px 16px;border-left:2px solid var(--gold);
  background:rgba(199,162,82,.06)
}
.membership-legacy-page .membership-form-notice p{margin:0;max-width:none;font-size:.86rem}
.membership-legacy-page .membership-faq-wrap{max-width:800px;margin:48px auto 0}
.membership-legacy-page .footer-col h5{display:block}
@media (max-width:1024px){
  .membership-legacy-page .membership-process-grid,
  .membership-legacy-page .membership-benefit-recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .membership-legacy-page .membership-junior-recovery-grid{grid-template-columns:220px minmax(0,1fr);gap:48px}
}
@media (max-width:768px){
  .membership-legacy-page .membership-orientation-grid,
  .membership-legacy-page .membership-process-grid,
  .membership-legacy-page .membership-benefit-recovery-grid,
  .membership-legacy-page .membership-junior-recovery-grid,
  .membership-legacy-page .membership-type-selector,
  .membership-legacy-page .membership-route-selector{grid-template-columns:1fr}
  .membership-legacy-page .membership-junior-recovery-grid{gap:32px}
  .membership-legacy-page .membership-junior-recovery-mark{max-width:190px}
  .membership-legacy-page .membership-junior-recovery-mark strong{font-size:4rem}
  .membership-legacy-page .form-nav .btn{flex:1 1 auto}
}
@media (max-width:480px){
  .membership-legacy-page .form-nav{flex-direction:column-reverse;align-items:stretch}
  .membership-legacy-page .form-nav .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .membership-legacy-page .membership-card,
  .membership-legacy-page .btn{transform:none!important}
}