.membership-page{margin:0;background:#071a19;color:#edf3ed;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}.membership-page *{box-sizing:border-box}.membership-page [hidden]{display:none!important}.membership-page a{color:#e4c878;text-underline-offset:3px}.membership-page button,.membership-page a{touch-action:manipulation}.membership-page button{font:inherit;cursor:pointer}.membership-page :focus-visible{outline:3px solid #f0d280;outline-offset:4px}.membership-top{max-width:1100px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27413b;gap:16px}.membership-brand{font-size:23px;font-weight:800;letter-spacing:.08em;text-decoration:none}.membership-brand span{color:#edf3ed;font-size:14px}.membership-top nav{display:flex;gap:18px;font-size:14px}.membership-top nav a{text-decoration:none}.membership-main{max-width:1050px;margin:0 auto;padding:28px 24px 100px}.membership-heading{margin-bottom:22px}.membership-heading h1{font-size:36px;line-height:1.15;margin:6px 0 13px}.membership-heading p{margin:5px 0;color:#becdc7}.membership-page .eyebrow{color:#dcc47e;font-size:12px;letter-spacing:.12em;font-weight:700}.membership-subtitle{font-size:14px}.membership-page h2,.membership-page h3{line-height:1.35}.membership-page .muted{color:#aebeb8;font-size:13px}.trial-notice{background:#14352d;border:1px solid #3f6252;border-radius:12px;padding:14px 18px;margin:0 0 18px;font-size:14px;display:flex;gap:8px 20px;flex-wrap:wrap}.trial-notice span{color:#e4c878}.trial-notice p{margin:0;flex-basis:100%}.membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-margin-top:20px}.membership-plan{background:#102924;border:1px solid #315047;border-radius:17px;padding:21px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;box-shadow:0 5px 16px #0000001a}.membership-plan-featured{border-color:#7c7246}.membership-plan[data-selected="true"]{border-color:#e4c878;box-shadow:0 0 0 1px #e4c878}.plan-badge{display:inline-block;padding:3px 9px;border-radius:20px;background:#3b3b24;color:#f1d889;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.02em}.plan-badge-empty{background:transparent;color:#9db8ab;padding-left:0}.membership-plan h2{font-size:22px;margin:13px 0 5px}.plan-price{font-size:44px;line-height:1.2;font-weight:800;letter-spacing:-.04em;color:#f0d78f;margin:0;white-space:nowrap}.plan-duration{color:#bccfc4;font-size:14px;margin:4px 0 12px}.plan-savings{font-size:13px;margin:0 0 20px;min-height:42px;display:flex;flex-direction:column;color:#b5c8bd}.plan-savings strong{color:#e6d29a;font-weight:600}.plan-compare{color:#9bb2a7}.membership-plan>button,.contact-actions>button,.contact-actions>a{border:1px solid #cfb969;border-radius:9px;background:#d8be72;color:#10251e;padding:10px 14px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}.membership-plan>button{width:100%;margin-top:auto;white-space:nowrap}.membership-plan>button:hover,.contact-actions>button:hover,.contact-actions>a:hover{background:#e8ce82}.membership-benefits{padding:24px 0 22px;border-bottom:1px solid #2b453c}.membership-benefits h2{font-size:19px;margin:0 0 7px}.membership-benefits p{font-size:14px;margin:6px 0}.membership-benefits ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px 22px;padding:0;margin:13px 0}.membership-benefits li{font-size:14px;color:#d1dfd6}.membership-benefits li:before{content:"✓";color:#d8bd73;margin-right:7px}.membership-payment{padding-top:24px}.selected-membership{background:#18372e;border:1px solid #6b6845;border-radius:13px;padding:16px 20px;display:flex;align-items:center;gap:16px;scroll-margin-top:20px}.selected-membership h2{font-size:20px;margin:2px 0 0}.selected-membership>strong{font-size:28px;color:#ecd18c;margin-left:auto;white-space:nowrap}.membership-page .button-secondary{border:1px solid #5c7967;background:transparent;color:#e7d293;padding:8px 12px;min-height:42px;border-radius:8px;font-size:13px}.payment-heading{margin:23px 0 18px}.payment-heading h2{margin:4px 0;font-size:25px}.payment-heading p{margin:5px 0;font-size:14px}.payment-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.payment-qr{margin:0;min-width:0;background:#112b24;border:1px solid #315047;border-radius:13px;padding:16px}.payment-qr h3{font-size:17px;margin:0 0 3px}.payment-qr figcaption p{font-size:12px;color:#adc2b5;margin:0 0 13px}.qr-image-button{display:block;background:#fff;padding:10px;border:0;border-radius:9px;width:100%;line-height:0}.qr-image-button img{width:100%;height:auto;display:block;object-fit:contain}.qr-hint{font-size:12px;color:#b5c8bd;text-align:center;margin:10px 0 0;overflow-wrap:anywhere}.qr-fallback{min-height:145px;border:1px dashed #4a6658;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;text-align:center;font-size:14px}.qr-fallback p{margin:0 0 10px}.payment-note,.in-person-payment{padding:20px 0;border-bottom:1px solid #2b453c}.payment-note h3,.in-person-payment h3{font-size:17px;margin:0 0 6px}.payment-note p,.in-person-payment p{font-size:14px;margin:7px 0}.in-person-payment h3 span{font-size:12px;color:#aebeb8;display:block;margin-top:2px;font-weight:400}.membership-contact{padding:24px 0 0}.membership-contact h2{font-size:22px;margin:6px 0}.membership-contact>p{margin:5px 0}.membership-contact address{font-style:normal;font-size:14px;margin:18px 0}.membership-contact address p{display:grid;grid-template-columns:80px minmax(0,1fr);margin:7px 0;overflow-wrap:anywhere;gap:10px}.membership-contact address span{color:#aebeb8}.contact-actions{display:flex;gap:9px;flex-wrap:wrap}.contact-actions>button,.contact-actions>a{background:#18392d;color:#e8d292;border-color:#4f705b;font-size:13px}.membership-status{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#294737;color:#fff;padding:9px 16px;border-radius:10px;z-index:80;font-size:14px;box-shadow:0 4px 16px #0004;margin:0;pointer-events:none}.membership-status:empty{display:none}.qr-dialog{background:#fff;color:#15291f;border:0;border-radius:14px;padding:16px;width:min(610px,calc(100% - 26px));max-height:92dvh;overflow:auto;box-shadow:0 12px 60px #0008}.qr-dialog::backdrop{background:#00100dd9}.qr-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.qr-dialog-head h2{font-size:18px;margin:0}.qr-dialog-head button{border:1px solid #ccd8d1;color:#17372a;background:#f0f5f1;border-radius:50%;width:42px;height:42px;font-size:25px;flex-shrink:0}.qr-dialog>img{display:block;width:100%;height:auto;max-height:74dvh;object-fit:contain;background:#fff}.qr-dialog>p{font-size:13px;text-align:center;margin:12px 0 0;color:#52675c}
@media(max-width:600px){.membership-top{padding:13px 16px}.membership-brand{font-size:20px}.membership-top nav{font-size:12px;gap:14px}.membership-main{padding:22px 14px 112px}.membership-heading{margin-bottom:17px}.membership-heading h1{font-size:29px;margin:6px 0 10px}.membership-heading p{font-size:13px}.membership-heading .eyebrow{font-size:11px}.membership-subtitle{max-width:340px;line-height:1.5}.membership-plans{gap:8px}.membership-plan{padding:13px 9px 11px;border-radius:12px}.plan-badge{font-size:9px;padding:3px 5px;letter-spacing:0}.plan-badge-empty{padding-left:0}.membership-plan h2{font-size:15px;white-space:nowrap;margin:11px 0 5px}.plan-price{font-size:28px}.plan-duration{font-size:12px;margin:5px 0 9px}.plan-savings{font-size:11px;min-height:35px;margin-bottom:13px}.membership-plan>button{padding:9px 2px;font-size:12px;border-radius:7px}.membership-benefits{padding:20px 0}.membership-benefits h2{font-size:17px}.membership-benefits ul{gap:5px 16px;margin:11px 0}.membership-benefits li{font-size:12px}.membership-benefits p{font-size:12px}.trial-notice{padding:11px 12px;font-size:12px;gap:4px 8px}.selected-membership{padding:13px 12px;gap:10px;flex-wrap:wrap}.selected-membership .eyebrow{font-size:10px}.selected-membership h2{font-size:18px}.selected-membership>strong{font-size:24px}.selected-membership .button-secondary{font-size:12px;min-height:40px;padding:7px 10px}.payment-heading h2{font-size:23px}.payment-heading p{font-size:13px}.payment-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-qr{padding:12px 10px}.payment-qr h3{font-size:15px}.payment-qr figcaption p{font-size:11px;margin-bottom:10px}.qr-image-button{padding:7px}.qr-hint{font-size:11px}.payment-qr[data-qr-kind="group"]{grid-column:1/-1}.qr-fallback{min-height:90px;font-size:13px}.membership-contact h2{font-size:19px}.membership-contact>p{font-size:14px}.membership-contact address{font-size:13px}.membership-contact address p{grid-template-columns:65px minmax(0,1fr);gap:8px}.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-actions>button,.contact-actions>a{min-height:44px}.membership-status{bottom:96px;font-size:13px}.qr-dialog{padding:12px}.qr-dialog-head h2{font-size:16px}}
@media(max-width:350px){.membership-main{padding-left:12px;padding-right:12px}.membership-plans{gap:6px}.membership-plan{padding-left:7px;padding-right:7px}.membership-plan h2{font-size:14px}.plan-price{font-size:24px}.plan-badge{font-size:8px}.membership-plan>button{font-size:11px}.selected-membership .button-secondary{flex-basis:100%}.payment-qr-grid{grid-template-columns:1fr}.payment-qr[data-qr-kind="group"]{grid-column:auto}.qr-image-button{max-width:250px;margin:auto}}
@media(prefers-reduced-motion:no-preference){.membership-plan{transition:border-color .16s ease,box-shadow .16s ease}.membership-plan>button{transition:background .16s ease}}
/* Approved tier benefits: readable comparisons on desktop and compact rows on phones. */
.membership-heading h1{max-width:780px;font-size:34px;line-height:1.3}.plan-heading{width:100%}.plan-english{font-size:11px;letter-spacing:.06em;color:#a9bdb2;margin:11px 0 2px}.membership-plan h2{font-size:23px;margin:3px 0 7px}.plan-positioning{font-size:13px;color:#cbdacf;min-height:40px;margin:10px 0 7px;line-height:1.5}.plan-savings{flex-direction:row;flex-wrap:wrap;gap:5px 12px;min-height:23px;margin-bottom:15px}.plan-core-label{font-size:13px;margin:0 0 10px;padding-top:14px;border-top:1px solid #345146;width:100%;color:#e7efe8}.plan-extra-label{font-size:12px;font-weight:700;color:#e5cc86;margin:4px 0 7px}.plan-inclusions{margin:0 0 16px;padding:0;list-style:none;width:100%;font-size:13px;line-height:1.65;color:#d6e1d8}.plan-inclusions li{position:relative;padding-left:17px;margin:5px 0;overflow-wrap:anywhere}.plan-inclusions li:before{content:"✓";position:absolute;left:0;color:#d8bd73}.plan-offline-bonus{background:#273a27;border:1px solid #8b804e;border-radius:10px;padding:13px 12px;margin:0 0 16px;width:100%}.plan-offline-bonus>span{display:block;color:#e9cf82;font-size:11px;font-weight:800;letter-spacing:.08em}.plan-offline-bonus>strong{display:block;font-size:19px;line-height:1.4;color:#ffe3a0;margin:6px 0 3px}.plan-offline-bonus>b{display:block;font-size:16px;color:#f3edda}.plan-offline-bonus>p{font-size:11px;line-height:1.6;color:#bccbbe;margin:8px 0 0}.plan-summary{margin:0 0 14px;font-size:12px;color:#adc3b6;line-height:1.6}.resource-availability{font-size:12px;line-height:1.8;color:#cbbf95;margin:17px 0 0;padding:12px 14px;border-left:2px solid #958249;background:#1c3026}.membership-gifts{padding:22px 0}.membership-gifts h2{font-size:20px;margin:0 0 15px}.membership-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}.membership-gift-grid article{border-top:1px solid #375145;padding-top:11px}.membership-gift-grid h3{font-size:15px;margin:0 0 5px;color:#e7d296}.membership-gift-grid p{font-size:13px;color:#b4c9bc;margin:0;line-height:1.7}.membership-details{border:1px solid #345146;border-radius:10px;padding:13px 16px;font-size:13px;line-height:1.8;color:#b9ccbe}.membership-details summary{cursor:pointer;color:#e4cd92;font-weight:650;min-height:24px}.membership-details p{margin:10px 0}.membership-details ul{padding-left:19px}.membership-buy{display:block;width:min(100%,400px);min-height:48px;border:1px solid #d7bb6c;border-radius:9px;background:#e2c77e;color:#14291e;padding:11px 18px;font-weight:800!important;margin:17px 0 11px}.membership-buy:hover{background:#f0d68f}.payment-qr{scroll-margin-top:22px}
@media(max-width:950px) and (min-width:641px){.membership-plan{padding:17px 14px}.membership-plan h2{font-size:21px}.plan-price{font-size:36px}.plan-inclusions{font-size:12px}.plan-offline-bonus>strong{font-size:17px}}
@media(max-width:640px){.membership-heading h1{font-size:27px;line-height:1.3}.membership-plans{grid-template-columns:1fr;gap:14px}.membership-plan{padding:17px 18px 16px;border-radius:14px}.plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.plan-heading>div{min-width:0}.plan-english{margin:8px 0 2px;font-size:11px}.membership-plan h2{font-size:23px;white-space:normal;margin:3px 0 0}.plan-price{font-size:37px;flex-shrink:0}.plan-badge{font-size:10px;padding:3px 8px}.plan-badge-empty{padding-left:0}.plan-positioning{min-height:0;margin:10px 0 6px;font-size:13px}.plan-savings{min-height:0;margin-bottom:10px;font-size:12px}.plan-core-label{padding-top:11px;font-size:13px;margin-bottom:7px}.plan-inclusions{font-size:13px;margin-bottom:11px}.plan-inclusions li{margin:3px 0}.plan-extra-label{font-size:12px}.plan-offline-bonus{padding:12px;margin:1px 0 12px}.plan-offline-bonus>strong{font-size:20px}.plan-offline-bonus>p{font-size:12px}.plan-summary{font-size:12px;margin-bottom:11px}.membership-plan>button{font-size:14px;padding:10px 12px;min-height:44px;border-radius:8px}.membership-gifts h2{font-size:18px}.membership-gift-grid{grid-template-columns:1fr;gap:14px}.membership-details{padding:12px 13px}.resource-availability{font-size:12px;margin-top:14px}.membership-buy{width:100%;font-size:16px!important}}
@media(max-width:350px){.membership-plan{padding-left:14px;padding-right:14px}.membership-plan h2{font-size:21px}.plan-price{font-size:33px}}
.gift-offer{width:100%;margin:3px 0 12px;padding:10px;border:1px solid #6d6540;border-radius:9px;background:#202f25;font-size:12px}.gift-offer form{margin:0}.gift-offer button,.plan-select-form button{width:100%;min-height:44px;border:1px solid #cfb969;border-radius:9px;background:#d8be72;color:#10251e;padding:9px 12px;font-weight:750}.gift-offer strong,.gift-offer span{display:block}.gift-offer strong{color:#ffe29a;font-size:15px}.gift-offer span{color:#c8d5cb;margin-top:3px}.plan-select-form{width:100%;margin-top:auto}.referral-lowest{width:100%;margin:0 0 12px;color:#f1c96f;font-size:12px}.referral-lowest strong{font-size:15px}.referral-offer{display:flex;flex-wrap:wrap;gap:5px 18px;padding:13px 16px;margin:0 0 17px;border:1px solid #9a6b35;border-radius:11px;background:#392b18}.referral-offer strong{color:#ffd478}.referral-offer span:last-child{margin-left:auto}.price-breakdown{margin-left:auto;min-width:245px}.price-breakdown p{display:flex;justify-content:space-between;gap:18px;margin:3px 0;font-size:13px}.price-breakdown .amount-due{border-top:1px solid #557062;padding-top:6px;margin-top:6px;font-size:17px}.offer-expiries{font-size:12px;color:#c2d0c5;padding:8px 18px;background:#102923}.offer-expiries p{margin:3px 0}
@media(max-width:640px){.referral-offer{display:grid;gap:3px}.referral-offer span:last-child{margin-left:0}.selected-membership{align-items:flex-start}.price-breakdown{order:3;width:100%;margin-left:0}.gift-offer{margin-top:5px}}
.payment-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}.payment-qr .qr-image-button{max-width:330px;margin-left:auto;margin-right:auto}.community-payment-qr{border-top-width:4px}.community-payment-qr figcaption p{min-height:38px}.community-wechat{border-top-color:#27b768}.community-xiaohongshu{border-top-color:#e85b64}.community-payment-qr .community-expiry{margin:9px auto 0;color:#d6c894;font-size:12px;line-height:1.55;text-align:center}

/* Membership pricing V4: four transparent tiers with dynamic monthly equivalent. */
.membership-plans{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-heading{display:block}
.plan-monthly{display:flex;align-items:flex-end;gap:7px;width:100%;margin:3px 0 0;color:#f4d681;white-space:nowrap}
.plan-monthly strong{font-size:46px;line-height:1;font-weight:850;letter-spacing:-.045em}
.plan-monthly span{font-size:16px;line-height:1.4;font-weight:700;padding-bottom:4px;color:#d8e3da}
.plan-monthly-caption{min-height:37px;margin:7px 0 10px;font-size:12px;line-height:1.45;color:#e3cf94}
.plan-total{width:100%;display:grid;gap:3px;margin:0 0 11px;padding:10px 0;border-top:1px solid #345146;border-bottom:1px solid #345146}
.plan-total span{font-size:12px;color:#aebfb4}
.plan-total strong{font-size:16px;color:#f4ead0}
.plan-total small{font-size:10px;line-height:1.45;color:#91a99c}
.plan-live{width:100%;display:grid;gap:3px;margin:1px 0 13px;padding:12px;border:1px solid #8c7643;border-radius:10px;background:#263629}
.plan-live>span{font-size:10px;font-weight:850;letter-spacing:.08em;color:#ffd46f}
.plan-live>strong{font-size:15px;line-height:1.4;color:#fff0bd}
.plan-live>b{font-size:14px;color:#f5df9a}
.plan-live>p,.plan-live>small{margin:0;line-height:1.5}
.plan-live>p{font-size:12px;color:#d8e4db}
.plan-live>small{font-size:10px;color:#aebfb5}
.plan-annual-bonus{width:100%;display:grid;gap:4px;margin:1px 0 14px;padding:13px;border:1px solid #ba9344;border-radius:10px;background:linear-gradient(145deg,#3b321f,#233527)}
.plan-annual-bonus>span{font-size:11px;font-weight:850;letter-spacing:.05em;color:#ffd976}
.plan-annual-bonus>strong{font-size:17px;color:#fff0bd}
.plan-annual-bonus>b{font-size:16px;color:#f8e5a6}
.plan-annual-bonus>p,.plan-annual-bonus>small{margin:0;line-height:1.5}
.plan-annual-bonus>p{font-size:11px;color:#d9e2da}
.plan-annual-bonus>small{font-size:10px;color:#d7c98e}
.gift-offer{display:grid;gap:3px}
.gift-offer strong{font-size:13px}
@media(max-width:1050px) and (min-width:641px){.membership-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-monthly strong{font-size:48px}}
@media(max-width:640px){.membership-plans{grid-template-columns:1fr}.plan-heading{display:block}.plan-monthly strong{font-size:54px}.plan-monthly span{font-size:17px;padding-bottom:5px}.plan-monthly-caption{min-height:0;font-size:13px;margin-bottom:9px}.plan-total strong{font-size:18px}.plan-live{padding:12px 13px}.plan-live>strong{font-size:16px}.plan-live>b{font-size:15px}.plan-annual-bonus>strong{font-size:19px}.plan-annual-bonus>b{font-size:17px}}
@media(max-width:350px){.plan-monthly strong{font-size:48px}.plan-monthly span{font-size:15px}}

.plan-monthly small{font-size:12px;line-height:1.4;padding-bottom:6px;color:#c6d4cb;font-weight:750}
.gift-offer{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.gift-offer .offer-badge{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:5px 7px;border-radius:999px;background:#3f3a22;color:#ffe09a;font-size:11px;font-weight:750;text-align:center}
.gift-offer strong,.gift-offer>span:last-child{grid-column:1/-1}
.plan-tier-benefits{width:100%;display:flex;flex-direction:column;flex:1}
.plan-inherits{margin:1px 0 12px;padding:9px 10px;border-left:3px solid #c9ad61;background:#1a342a;color:#f0ddb0;font-size:13px;font-weight:750}
.plan-tier-benefits .plan-extra-label{margin-top:0}
.referral-purchase-note{margin:18px 0 0;padding:16px 18px;border:1px solid #836b35;border-radius:12px;background:#2c291b}
.referral-purchase-note h2{margin:0 0 7px;font-size:18px;color:#f0d58b}
.referral-purchase-note p{margin:5px 0;color:#d4ded6;font-size:13px;line-height:1.65}
.live-classroom-global{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:18px 34px;align-items:center;margin:20px 0 0;padding:20px 22px;border:1px solid #a88742;border-radius:15px;background:linear-gradient(135deg,#3c321d,#173227);box-shadow:0 7px 24px #0003}
.live-classroom-global span{display:inline-block;color:#ffd875;font-size:12px;font-weight:850;letter-spacing:.08em}
.live-classroom-global h2{margin:6px 0 4px;font-size:24px;color:#fff0bd}
.live-classroom-global strong{font-size:19px;color:#f5dfa0}
.live-classroom-global p{margin:5px 0;color:#d6e1d9;font-size:13px;line-height:1.65}
.selected-plan-name p{margin:4px 0 0;color:#adc1b5;font-size:12px}
.referral-applied{margin:14px 0;padding:15px 17px;border:1px solid #5b775f;border-radius:11px;background:#112d25}
.referral-applied strong{color:#eed485}
.referral-applied p{margin:5px 0;font-size:13px;color:#cbd8cf}
.stripe-checkout-form{margin:16px 0 3px}
.stripe-checkout-form .muted,.stripe-checkout-form .checkout-savings{margin:4px 0;font-size:12px}
.checkout-savings{color:#f0d58b}
.payment-contact-help{padding:20px 0;border-bottom:1px solid #2b453c}
.payment-contact-help h3{font-size:18px;margin:0 0 8px;color:#ead28d}
.payment-contact-help p{font-size:13px;line-height:1.65;margin:7px 0;color:#c5d3ca}
.payment-qr-grid{max-width:760px}
@media(max-width:640px){
 .plan-monthly{align-items:flex-end}.plan-monthly small{font-size:12px;padding-bottom:7px}
 .gift-offer{grid-template-columns:1fr 1fr}
 .plan-inherits{margin-bottom:9px}
 .live-classroom-global{grid-template-columns:1fr;gap:8px;margin-top:15px;padding:17px 16px}
 .live-classroom-global h2{font-size:21px}
 .live-classroom-global strong{font-size:17px}
 .referral-purchase-note{padding:14px;margin-top:14px}
 .selected-membership{display:grid;grid-template-columns:1fr auto}
 .selected-plan-name{min-width:0}
 .price-breakdown{grid-column:1/-1;order:initial}
 .selected-membership .button-secondary{grid-column:2;grid-row:1}
 .payment-qr-grid{grid-template-columns:1fr;max-width:390px}
 .payment-qr{padding:16px 14px}
 .payment-qr .qr-image-button{width:min(100%,320px);max-width:320px}
}


.membership-referral-entry{margin:14px 0}
.membership-referral-entry [hidden]{display:none!important}
.referral-code-form,.referral-bound{padding:16px 17px;border:1px solid #526d5d;border-radius:11px;background:#102923}
.referral-code-form label{display:block;margin:0 0 8px;color:#f0d58b;font-size:14px;font-weight:750}
.referral-code-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.referral-code-form input{width:100%;min-width:0;min-height:46px;border:1px solid #6f8778;border-radius:8px;background:#071d18;color:#f4f7f3;padding:10px 12px;font:inherit;font-size:16px;text-transform:uppercase}
.referral-code-form input:focus{outline:2px solid #d6bd75;outline-offset:2px}
.referral-code-form button{min-height:46px;border:1px solid #cfb969;border-radius:8px;background:#d8be72;color:#10251e;padding:9px 14px;font-weight:800;white-space:nowrap}
.referral-code-form button:disabled{opacity:.65;cursor:wait}
.referral-code-form>p,.referral-bound p{margin:7px 0 0;color:#bdcec3;font-size:12px;line-height:1.55}
.referral-code-form>.button-secondary{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;text-decoration:none}
.referral-code-message{min-height:19px;color:#f3d894!important;font-weight:700}
.referral-bound strong{color:#eed485;font-size:14px}
@media(max-width:640px){
 .referral-code-form,.referral-bound{padding:14px}
 .referral-code-form>div{grid-template-columns:1fr}
 .referral-code-form button{width:100%;font-size:15px}
 .referral-code-form>.button-secondary{width:100%}
}

.purchase-resource-notice{margin:18px 0 8px;padding:12px 14px;border-left:3px solid #d3b863;border-radius:0 9px 9px 0;background:#183027;color:#d7dfd9!important;line-height:1.65}
.membership-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding-top:24px}
.membership-contact-copy{min-width:0}
.contact-qr-buttons{display:flex;gap:11px;align-items:flex-start;padding-top:4px}
.contact-qr{width:112px;margin:0;padding:9px;border-radius:11px}
.contact-qr h3{font-size:12px;line-height:1.35;margin:0 0 7px;text-align:center}
.contact-qr figcaption p,.contact-qr .qr-hint{display:none}
.contact-qr .qr-image-button{width:92px;max-width:none;margin:0 auto;padding:5px;border-radius:7px}
.contact-qr .qr-fallback{min-height:92px;font-size:11px;padding:7px}
@media(max-width:640px){
 .purchase-resource-notice{margin-top:14px;font-size:12px}
 .membership-contact{grid-template-columns:minmax(0,1fr) 82px;gap:11px}
 .contact-qr-buttons{width:82px;flex-direction:column;gap:9px}
 .contact-qr{width:82px;padding:6px}
 .contact-qr .qr-image-button{width:68px;max-width:68px;padding:4px}
 .contact-qr h3{font-size:10px}
 .membership-contact-copy .contact-actions{grid-template-columns:1fr}
}


/* Membership order summary V2: Referral entry stays inside the server-priced summary. */
.selected-membership{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(300px,1fr) auto;align-items:start}
.price-breakdown{width:100%;margin-left:0}
.price-breakdown>p{display:flex;justify-content:space-between;gap:18px;margin:3px 0;font-size:13px}
.referral-inline{margin:8px 0;padding:9px 0;border-top:1px solid #496359;border-bottom:1px solid #496359}
.referral-inline [hidden]{display:none!important}
.referral-inline .referral-applied,.referral-inline .referral-bound,.referral-inline .referral-code-form{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.referral-inline .referral-applied strong,.referral-inline .referral-bound strong{color:#eed485;font-size:13px}
.referral-inline p{display:block;margin:4px 0 0;color:#bdcec3;font-size:11px;line-height:1.5}
.referral-code-form label{margin-bottom:6px;font-size:12px}
.referral-code-form>div{grid-template-columns:minmax(0,1fr) auto;gap:7px}
.referral-code-form input,.referral-code-form button{min-height:40px}
.referral-code-form button{padding:7px 13px}
.referral-code-message:empty{min-height:0;margin:0}
.stripe-checkout-form{margin:15px 0 24px}
.stripe-primary-cta{width:100%;max-width:none;min-height:56px;margin:0 0 8px;font-size:17px!important;box-shadow:0 7px 20px #0004}
.payment-heading{padding-top:20px;border-top:1px solid #2b453c}
@media(max-width:640px){
 .selected-membership{grid-template-columns:minmax(0,1fr) auto}
 .price-breakdown{grid-column:1/-1}
 .selected-membership .button-secondary{grid-column:2;grid-row:1}
 .referral-code-form>div{grid-template-columns:minmax(0,1fr) auto}
 .referral-code-form button{width:auto;font-size:14px}
 .stripe-primary-cta{min-height:54px}
}
@media(max-width:420px){
 .referral-code-form>div{grid-template-columns:1fr}
 .referral-code-form button{width:100%}
}