.membership-page{padding:35px 16px 110px;background:#f1f6f2;min-height:80vh}.membership-card{max-width:440px;margin:auto;padding:28px;background:#fff;border:1px solid #dce8df;border-radius:24px;box-shadow:0 12px 35px #17492c0b;color:#173f2f}.membership-back{display:block;color:#42745a;font-size:13px;margin:14px 0;text-decoration:none}.membership-mark{display:block;text-align:center;color:#4b8563;font-size:35px}.membership-card h1{text-align:center;font-size:28px!important;margin:6px 0 12px!important;line-height:1.2}.membership-card h2{font-size:20px}.membership-card>p{text-align:center;color:#728378;font-size:14px;line-height:1.6}.membership-card label{display:block;font-size:13px;font-weight:650;margin:15px 0 7px}.membership-card input:not([type=hidden]){width:100%;box-sizing:border-box;border:1px solid #cdddce;background:#fbfdfb;border-radius:11px;padding:13px;font:inherit;font-size:16px;color:#173f2f}.membership-card button{font:inherit;cursor:pointer}.membership-card form>button{width:100%;padding:14px;margin-top:18px;background:#20583d;color:white;border:0;border-radius:11px;font-weight:700}.membership-tabs{display:flex;gap:4px;padding:4px;background:#eff5f0;border-radius:12px;margin:23px 0 12px}.membership-tabs button{flex:1;border:0;border-radius:9px;background:transparent;padding:12px 5px;font-size:13px;color:#567463}.membership-tabs [aria-selected=true]{background:white;color:#1b5138;box-shadow:0 2px 6px #173d2312;font-weight:750}.membership-note{font-size:12px;line-height:1.6;color:#728378;margin-top:12px}.membership-card details{margin:20px 0;color:#285e41;font-size:13px}.membership-card summary{cursor:pointer;padding:12px 0}.membership-providers{border-top:1px solid #e4ece6;margin-top:22px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.membership-providers span{grid-column:1/-1;color:#87958c;text-align:center;font-size:12px}.membership-providers button{padding:12px 6px;border-radius:10px;border:1px solid #e0e7e2;background:#f7f9f7;color:#819087;font-size:12px;cursor:not-allowed}.membership-error{padding:12px;background:#fff0e9;color:#94432c;border-radius:10px;font-size:13px}.membership-card [hidden]{display:none!important}.membership-card :focus-visible{outline:3px solid #94bb9e;outline-offset:2px}.membership-legal{margin:18px 0 0!important;font-size:11px!important;line-height:1.55!important;color:#7a8b80!important}.membership-legal a{color:#286145;font-weight:700;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.membership-page{padding:16px 12px 100px}.membership-card{padding:22px 18px;border-radius:20px}.membership-card h1{font-size:25px!important}}

@media(max-width:768px){
  .membership-page{padding:10px 10px 92px;min-height:auto}
  .membership-card{padding:14px 14px 18px;border-radius:18px}
  .membership-home-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 8px;padding:4px 13px 4px 4px;border:1px solid #174f3b;border-radius:999px;background:#176348;color:#fff;font-size:12px;font-weight:750;line-height:1;text-decoration:none;box-shadow:0 4px 10px rgba(13,72,51,.16)}
  .membership-home-back:visited,.membership-home-back:hover{color:#fff}
  .membership-home-back-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:21px;font-weight:400}
  .membership-mark{font-size:25px;line-height:1;margin-top:-2px}
  .membership-card h1{font-size:22px!important;margin:2px 0 7px!important}
  .membership-card h2{font-size:17px;margin:8px 0}
  .membership-card>p{font-size:12px;line-height:1.4;margin:0 0 8px}
  .membership-google{min-height:46px;margin:12px 0 8px;padding:9px 12px;font-size:13px;box-sizing:border-box}
  .membership-google-g{width:20px;height:20px}
  .membership-divider{margin:9px 0;font-size:10px}
  .membership-tabs{margin:10px 0 7px;padding:3px}
  .membership-tabs button{padding:9px 4px;font-size:12px}
  .membership-card label{font-size:12px;margin:9px 0 5px}
  .membership-card input:not([type=hidden]){min-height:43px;padding:9px 11px;font-size:16px}
  .membership-card form>button{min-height:44px;padding:10px 12px;margin-top:12px}
  .membership-note{font-size:10px;line-height:1.4;margin-top:8px}
  .membership-legal{margin-top:10px!important;font-size:9px!important;line-height:1.4!important}
  .membership-error{padding:9px;font-size:11px}
  .membership-card details{margin:10px 0;font-size:11px}
  .membership-card summary{padding:7px 0}
}