.membership{background:var(--green-900);color:#fff;min-height:100svh;padding:22px 16px 80px;position:relative;overflow:hidden}.member-veil{pointer-events:none;background:radial-gradient(70% 55% at 88% 0,#0e8a4b61,#0000 70%),radial-gradient(50% 45% at 0 100%,#fdbe0914,#0000 70%);position:absolute;inset:0}.member-watermark{font-family:var(--font-display);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #ffffff08;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(220px,30vw,520px);line-height:1;position:absolute;bottom:-.3em;left:-.06em}.member-top,.member-layout{width:min(100%,1240px);margin-inline:auto;position:relative}.member-top{justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px;display:flex}.member-top img{width:clamp(120px,14vw,168px);height:auto}.member-back{transition:border-color .3s var(--ease-out);border-bottom:1px solid #ffffff59;padding-bottom:3px;font-size:.9rem;font-weight:600}.member-back:hover{border-color:var(--gold)}.member-layout{align-items:start;gap:clamp(32px,5vw,64px);display:grid}@media (min-width:1024px){.member-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.member-aside{position:sticky;top:40px}.membership{padding-top:34px}}.membership h1{font-family:var(--font-display);margin:0;font-size:clamp(34px,3.8vw,50px);font-weight:700;line-height:1.08}.membership h1 em{font-style:italic}.member-intro{color:#ffffffc7;max-width:34ch;margin-top:18px;line-height:1.7}.card-preview{max-width:430px;margin:34px 0 0}.card-preview-face{aspect-ratio:1.586;color:#fff;background:radial-gradient(120% 90% at 100% 0%, #0e8a4b8c, transparent 62%), var(--green-950);border-radius:6px;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.4vw,22px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -38px #000000e6}.card-preview-flag{background-image:var(--tricolor-v);width:5px;position:absolute;inset:0 auto 0 0}.card-preview-face header{justify-content:space-between;align-items:flex-start;gap:16px;padding-left:12px;display:flex}.card-preview-face header img{width:clamp(70px,9vw,92px);height:auto}.card-preview-face header p{text-align:right;color:var(--gold);max-width:19ch;font-size:.68rem;line-height:1.35}.card-preview-face header p span{color:#ffffff8c;margin-top:4px;display:block}.card-preview-body{align-items:flex-end;gap:16px;padding-left:12px;display:flex}.card-preview-photo{aspect-ratio:1;width:clamp(54px,7vw,68px);font-family:var(--font-display);color:var(--gold);border:1px solid #fdbe0973;border-radius:4px;flex-shrink:0;place-items:center;font-size:1.3rem;display:grid;overflow:hidden}.card-preview-photo.is-filled{border-color:#ffffff40}.card-preview-photo img{object-fit:cover;width:100%;height:100%}.card-preview-body dl{flex:1;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 12px;min-width:0;margin:0;display:grid}.card-preview-body dt{color:#ffffff80;font-size:.66rem}.card-preview-body dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.92rem;font-weight:600;position:relative;overflow:hidden}.card-preview-body dd.is-number{font-family:var(--font-display);letter-spacing:.04em}.card-preview-body dd.is-empty{color:#ffffff4d;font-weight:400}.card-preview-code{aspect-ratio:1;opacity:.45;background-image:linear-gradient(90deg,#ffffffd9 2px,#0000 2px),linear-gradient(0deg,#ffffffd9 2px,#0000 2px);background-size:7px 7px;border:2px solid #ffffffd9;border-radius:3px;width:clamp(44px,6vw,56px);position:absolute;bottom:clamp(16px,2.4vw,22px);right:clamp(16px,2.4vw,22px)}.card-preview-face footer{color:#ffffff80;padding-left:12px;font-size:.66rem}.card-preview figcaption{color:#fff9;max-width:40ch;margin-top:16px;font-size:.85rem;line-height:1.6}.member-panel{background:var(--paper);color:var(--green-950);border-radius:4px;padding:clamp(24px,4vw,46px);position:relative;box-shadow:0 40px 80px -50px #000000bf}.member-panel:before{content:"";background-image:var(--tricolor);border-radius:4px 4px 0 0;height:4px;position:absolute;inset:0 0 auto}.membership h2{font-family:var(--font-display);margin:0 0 24px;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.12}.member-panel p{line-height:1.65}.member-panel a{text-underline-offset:4px;text-decoration:underline}.member-step{color:#365443;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem;display:flex}.member-progress{appearance:none;background:#02291a24;border:0;width:100%;height:2px;margin:12px 0 30px;display:block}.member-progress::-webkit-progress-bar{background:#02291a24}.member-progress::-webkit-progress-value{background:var(--gold);transition:width .4s var(--ease-out)}.member-progress::-moz-progress-bar{background:var(--gold)}.member-choice{counter-increment:choice;text-align:left;width:100%;font:inherit;color:var(--green-900);cursor:pointer;transition:background-color .3s var(--ease-out), padding-left .3s var(--ease-out);background:0 0;border:0;border-top:1px solid #02291a2e;align-items:center;gap:18px;padding:22px 6px;display:flex}.member-choice:last-of-type{border-bottom:1px solid #02291a2e}.member-choice:hover:enabled{background:#0e8a4b12;padding-left:14px}.member-choice:disabled{opacity:.45;cursor:not-allowed}.member-choice svg:first-of-type{width:30px;height:30px;color:var(--green-700);flex-shrink:0}.member-choice span{flex:1;min-width:0}.member-choice strong{font-family:var(--font-display);font-size:1.3rem;font-weight:700;display:block}.member-choice small{color:#365443;margin-top:5px;line-height:1.5;display:block}.member-choice svg:last-child{width:18px;height:18px;transition:transform .3s var(--ease-out);flex-shrink:0}.member-choice:hover:enabled svg:last-child{transform:translate(5px)}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.member-field{color:#41604e;gap:7px;min-width:0;margin-bottom:20px;font-size:.84rem;font-weight:600;display:grid}.member-field input:not([type=checkbox]),.member-field select{width:100%;min-height:48px;color:var(--green-950);font-family:var(--font-body), sans-serif;letter-spacing:normal;text-transform:none;background:#fcfbf7;border:1px solid #02291a40;border-radius:4px;padding:12px 14px;font-size:1rem;font-weight:400;transition:border-color .2s}.member-field input:focus,.member-field select:focus{border-color:var(--gold);outline:none}:is(.member-field input:user-invalid,.member-field input[aria-invalid=true]){border-color:var(--red)}.member-field-error{color:#951015;letter-spacing:.04em;text-transform:none;font-size:.74rem}.membership :is(input,select,button,a):focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}.member-check{cursor:pointer;align-items:flex-start;gap:12px;margin:16px 0;line-height:1.6;display:flex}.member-check input{width:19px;height:19px;accent-color:var(--green-700);flex-shrink:0;margin-top:3px}.member-actions{border-top:1px solid #02291a29;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:24px;display:flex}.member-note{color:#365443;font-size:.84rem;line-height:1.7}.member-error{border-left:3px solid var(--red);color:#951015;background:#e8141b0d;margin:0 0 18px;padding:13px 16px;font-size:.92rem}.member-terms{background:#fcfbf7;border:1px solid #02291a33;max-height:320px;padding:22px;font-size:.9rem;overflow-y:auto}.member-terms h3{font-family:var(--font-display);color:var(--green-700);margin:22px 0 6px;font-size:1.02rem;font-weight:700}.member-terms h3:first-child{margin-top:0}.member-summary{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.member-summary dt{color:#365443;font-size:.88rem}.member-summary dd{text-align:right;margin:0;font-weight:700}.member-summary dt,.member-summary dd{border-bottom:1px solid #02291a24;padding:13px 0}.member-total{font-family:var(--font-display);color:var(--green-700);margin:22px 0 4px;font-size:clamp(34px,5vw,46px);font-weight:700}.donation-options{flex-wrap:wrap;gap:10px;margin:18px 0 24px;display:flex}.donation-options .btn{padding:11px 18px;font-size:.82rem}.member-photo{aspect-ratio:1;object-fit:cover;border:1px solid #02291a33;border-radius:4px;width:min(100%,240px);margin:0 auto 20px;display:block}.member-card{border-radius:4px;width:100%;height:auto;margin:24px 0;box-shadow:0 30px 60px -40px #000c}.member-provider{background:var(--green-900);color:#fff;font-family:var(--font-display);border-radius:4px;margin-bottom:14px;padding:16px 22px;font-size:1.4rem;font-weight:700;display:inline-flex}.member-qr{width:180px;height:180px;margin:24px auto;display:block}@media (max-width:1023px){.member-aside{display:contents}.membership h1{order:1}.member-intro{order:2}.member-panel{order:3}.card-preview{order:4;max-width:100%;margin-top:0}}@media (max-width:640px){.membership{padding-bottom:56px}.member-grid,.member-summary{grid-template-columns:1fr;gap:0}.member-summary dt{border-bottom:0;padding-bottom:0}.member-summary dd{text-align:left}.member-actions .btn{flex:1}.member-choice{gap:14px;padding:20px 0}.member-choice strong{font-size:1.12rem}.member-qr{width:150px;height:150px}}.membership h2:focus{outline:none}.membership h2:focus-visible{outline:2px solid var(--gold-dark);outline-offset:4px}.card-value-flash{color:var(--gold);opacity:0;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;position:absolute;inset:0;overflow:hidden}.member-reference{border:1px solid #02291a33;border-left:3px solid var(--gold);background:#fcfbf7;gap:6px;margin:26px 0 10px;padding:20px 24px;display:grid}.member-reference span{color:#41604e;font-size:.84rem}.member-reference strong{font-family:var(--font-display);letter-spacing:.08em;color:var(--green-700);font-size:2rem}.member-next{margin-top:34px}.member-restart{margin-top:26px}.member-steps-pay{margin:8px 0 4px}.member-steps-pay h3{font-family:var(--font-display);margin:0 0 12px;font-size:1.25rem}.member-steps-pay ol{gap:10px;margin:0 0 14px;padding-left:20px;line-height:1.6;display:grid}