html:has(.membership-dialog){scrollbar-gutter:auto}.ui-modal-overlay:has(>.membership-dialog){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#263b6852;padding:24px}.membership-dialog.recharge-modal.ui-modal{border:1px solid #ffffffcf;border-radius:26px;width:min(1280px,100vw - 48px);max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 24px 100px #1f3b6c35}.membership-dialog>header{z-index:8;top:10px;right:12px}.membership-dialog>header .ui-button{color:#7e94ba;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;padding:8px;display:grid}.membership-dialog>header .ui-button:hover{color:var(--color-brand);background:#edf3ff}.membership-dialog>.ui-modal-body{height:min(898px,100dvh - 50px);max-height:inherit;min-height:0;padding:0;display:block;overflow:hidden}.membership-center.recharge-store{height:100%;min-height:0;color:var(--color-heading);background:#fff;grid-template-rows:auto auto minmax(0,1fr) auto;font-size:14px;display:grid}.membership-center .membership-header{background:linear-gradient(105deg,#f8faff,#fff);border-bottom:1px solid #f0f4fa;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:12px 64px 12px 36px;display:flex}.membership-center .membership-heading{white-space:nowrap;align-items:center;gap:14px;font-size:18px;display:flex}.membership-center .membership-heading>svg{color:#f4ae29;fill:#ffe6a2}.membership-center .membership-account{align-items:center;gap:24px;min-width:0;font-size:14px;display:flex}.membership-center .membership-account>strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.membership-center .membership-account>span{color:#617ba3;white-space:nowrap;align-items:center;gap:7px;display:flex}.membership-center .membership-account svg{color:#ecac30;fill:#ffedbf}.membership-center .membership-account b{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:19px}.membership-center .membership-banner{isolation:isolate;background:linear-gradient(110deg,#e5efff,#f1f5ff 44%,#dce8ff);min-height:216px;position:relative;overflow:hidden}.membership-center .membership-banner>img{z-index:-1;object-fit:cover;object-position:center 22%;width:70%;height:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28%);mask-image:linear-gradient(90deg,#0000,#000 28%)}.membership-center .membership-banner-copy{width:55%;padding:20px 0 16px 48px;position:relative}.membership-center .membership-banner h2{letter-spacing:-1.1px;color:#101c50;margin:0 0 10px;font-size:34px;font-weight:800;line-height:1.25}.membership-center .membership-banner h2 em{-webkit-text-fill-color:transparent;background:linear-gradient(95deg,#167eff,#5446ff 68%,#a333ed);-webkit-background-clip:text;background-clip:text;font-style:normal}.membership-center .membership-banner p{color:#566e9a;margin:0;font-size:14px;line-height:1.7}.membership-center .membership-tabs{gap:12px;margin-top:16px;display:flex}.membership-center .membership-tabs button{color:#627baa;background:#ffffffbd;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:140px;min-height:40px;padding:9px 20px;font-size:14px;font-weight:600;transition:color .18s,background .18s,box-shadow .18s;display:flex}.membership-center .membership-tabs button[aria-pressed=true]{color:#fff;background:linear-gradient(115deg,#5089ff,#1853ff);box-shadow:0 4px 14px #345eff26}.membership-center .membership-tabs button:disabled{opacity:.5;cursor:wait}.membership-center .membership-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d8f3 transparent;min-height:0;padding:22px 36px 16px;overflow:hidden auto}.membership-center .membership-scroll:focus-visible{outline-offset:-2px;outline:2px solid #aac5ff}.membership-center .membership-scroll>.ui-alert{margin-bottom:16px}.membership-center .membership-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 20px;display:flex}.membership-center .membership-section-heading h3{color:var(--color-heading);margin:0;font-size:18px;font-weight:750}.membership-center .membership-section-heading>span{color:#758bad;font-size:12px}.membership-center .membership-products{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;animation:.18s ease-out membership-content-in;display:grid}.membership-center .membership-products.is-credits{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.membership-center .is-credits .membership-product-name{font-size:16px}.membership-center .is-credits .membership-product-icon{border-radius:15px;width:48px;height:48px;right:14px}.membership-center .is-credits .membership-product-icon svg{width:28px}.membership-center .membership-product.recharge-card{text-align:left;background:linear-gradient(130deg,#fff,#fcfdff);border:1px solid #e2eafb;border-radius:18px;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:220px;padding:24px 22px 14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 3px 10px #294d8e06}.membership-center .membership-product:hover{border-color:#b0c6ff;transform:translateY(-2px);box-shadow:0 8px 24px #345eff14}.membership-center .membership-product.is-recommended{border-color:#b8caff}.membership-center .membership-product.is-selected{background:linear-gradient(120deg,#f7faff,#eef2ff);border:1.5px solid #345eff;box-shadow:0 5px 16px #345eff10}.membership-center .membership-product:disabled{cursor:wait;opacity:.65;transform:none}.membership-center .membership-product-badge{color:#8198bf;white-space:nowrap;background:#eef3ff;border-radius:10px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;display:flex;position:absolute;top:-11px;left:18px}.membership-center .is-recommended .membership-product-badge{color:#fff;background:linear-gradient(110deg,#4177ff,#184dff);box-shadow:0 4px 10px #345eff18}.membership-center .is-recommended .membership-product-badge svg{fill:#ffdf8b;color:#ffdf8b}.membership-center .membership-product-name{max-width:calc(100% - 46px);color:var(--color-heading);overflow-wrap:anywhere;font-size:18px;font-weight:750;line-height:1.5}.membership-center .membership-product-caption{color:#7b91b5;max-width:calc(100% - 35px);margin-top:3px;font-size:12px;line-height:1.6}.membership-center .membership-product-icon{color:#3f9de8;background:linear-gradient(135deg,#dff6ff,#eef6ff 70%);border-radius:20px;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:53px;right:20px;transform:rotate(-8deg);box-shadow:0 7px 12px #599ee115,inset 0 1px #fff}.membership-center .membership-product-tone-1 .membership-product-icon{color:#8f7cef;background:linear-gradient(135deg,#e5f2ff,#f1e8ff);transform:rotate(5deg)}.membership-center .is-recommended .membership-product-icon{color:#e8a83b;background:linear-gradient(135deg,#fff6d7,#ffedba)}.membership-center .membership-product-price{letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#111b45;margin:10px 0 8px;font-size:36px;font-weight:800;line-height:1.2;display:block}.membership-center .is-selected .membership-product-price{color:#2359ff}.membership-center .membership-product-price small{margin-right:5px;font-size:17px}.membership-center .membership-product-price>span{letter-spacing:0;color:#8294b1;margin-left:4px;font-size:12px;font-weight:400}.membership-center .membership-product-credit{align-items:baseline;gap:6px;margin-top:auto;display:flex}.membership-center .membership-product-credit strong{color:#101b49;font-size:21px;font-weight:750}.membership-center .membership-product-credit>span{color:#5b729d;font-size:12px}.membership-center .membership-product-bonus{color:#d27b13;align-items:center;gap:5px;min-height:19px;margin-top:3px;font-size:11px;line-height:1.6;display:flex}.membership-center .membership-product-select{color:#778fb7;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:8px;font-size:13px;font-weight:600;display:flex}.membership-center .membership-product-select>span{background:#fff;border:1px solid #d4def2;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.membership-center .is-selected .membership-product-select{color:var(--color-brand)}.membership-center .is-selected .membership-product-select>span{color:#fff;border-color:var(--color-brand);background:var(--color-brand)}.membership-center .membership-entitlements{color:#4c6c9f;background:linear-gradient(100deg,#f3f7ff,#f6f8ff);border-radius:12px;align-items:center;gap:12px;margin:14px 0 18px;padding:12px 16px;display:flex}.membership-center .membership-entitlements>svg{color:#3975ff;flex-shrink:0}.membership-center .membership-entitlements>div{min-width:0}.membership-center .membership-entitlements strong{font-size:12px;font-weight:600}.membership-center .membership-entitlements p{margin:4px 0 0;font-size:11px;line-height:1.8}.membership-center .membership-entitlements small{color:#8598b7;margin-top:3px;font-size:11px;line-height:1.5;display:block}.membership-center .membership-entitlements>span{flex-shrink:0;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:inline-flex}.membership-center .membership-capabilities .membership-section-heading{margin-bottom:14px}.membership-center .membership-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.membership-center .membership-capability-grid>div{align-items:center;gap:12px;min-width:0;display:flex}.membership-center .membership-capability-grid>div>span{color:#2f68ff;background:#eef4ff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.membership-center .membership-capability-grid h4{margin:0;font-size:14px;font-weight:700}.membership-center .membership-capability-grid p{color:#7b91b1;margin:5px 0 0;font-size:11px;line-height:1.6}.membership-center .membership-help{color:#7b8eaa;border-top:1px solid #eef2fa;margin-top:18px;font-size:11px}.membership-center .membership-help summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:36px;list-style:none;display:flex}.membership-center .membership-help summary::-webkit-details-marker{display:none}.membership-center .membership-help p{margin:6px 0 12px;line-height:1.9}.membership-center .membership-checkout{z-index:3;background:#fff;border-top:1px solid #edf2fb;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:18px 36px;display:grid;box-shadow:0 -5px 22px #244b9105}.membership-center .membership-checkout-amount{flex-wrap:wrap;align-items:baseline;gap:5px 10px;min-width:0;display:flex}.membership-center .membership-checkout-amount>span{color:#7589ad;font-size:12px}.membership-center .membership-checkout-amount strong{letter-spacing:-.9px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.3}.membership-center .membership-checkout-amount small{color:#c98126;flex-basis:100%;font-size:11px}.membership-center .membership-consent{color:#7284a6;gap:6px;font-size:12px;display:grid}.membership-center .membership-consent>label{cursor:pointer;align-items:center;gap:8px;min-height:22px;display:flex}.membership-center .membership-consent input{accent-color:#345eff;cursor:pointer;width:17px;height:17px;margin:0}.membership-center .membership-policy-links{flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.membership-center .membership-policy-links button{color:#416de0;font-size:inherit;padding:0}.membership-center .membership-policy-links button:hover{text-decoration:underline}.membership-center .membership-policy-links small{color:#91a0b6;font-size:10px}.membership-center .membership-buy.recharge-cta{background:linear-gradient(110deg,#4f94ff,#285aff 60%,#8554ff);border-radius:14px;min-width:184px;min-height:50px;padding:13px 22px;font-size:16px;box-shadow:0 5px 14px #3468ff21}.membership-center .membership-buy:hover:not(:disabled){filter:brightness(1.04);background:linear-gradient(110deg,#3f83f5,#214ee6 60%,#7545ee)}.membership-center .membership-buy:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.membership-center .membership-policy-view{min-height:260px;padding:12px}.membership-center .membership-policy-view h3{margin:24px 0 16px;font-size:23px}.membership-center .membership-policy-view p{color:#7589a8;line-height:1.8}.membership-center .membership-payment-view{padding:8px 0}.membership-center .membership-payment-view .billing-payment{background:#f7faff;border-color:#e2eafb;border-radius:18px;margin:20px 0;padding:28px}.membership-center .membership-payment-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@keyframes membership-content-in{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.membership-center .membership-products.is-credits{grid-template-columns:repeat(3,minmax(0,1fr))}.membership-center .membership-header{padding-left:24px}.membership-center .membership-banner-copy{width:62%;padding-left:32px}.membership-center .membership-banner h2{font-size:32px}.membership-center .membership-banner p{font-size:12px}.membership-center .membership-scroll{padding-inline:24px}.membership-center .membership-product.recharge-card{padding-inline:18px}.membership-center .membership-product-name{font-size:16px}.membership-center .membership-product-icon{border-radius:15px;width:48px;height:48px;top:62px;right:12px}.membership-center .membership-product-icon svg{width:28px}.membership-center .membership-entitlements>span{font-size:11px}.membership-center .membership-checkout{gap:16px;padding-inline:24px}.membership-center .membership-checkout-amount strong{font-size:28px}.membership-center .membership-buy.recharge-cta{min-width:160px;font-size:14px}.membership-center .membership-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (min-width:761px) and (max-height:850px){.membership-center .membership-banner{min-height:185px}.membership-center .membership-banner-copy{padding-top:18px;padding-bottom:16px}.membership-center .membership-banner h2{margin-bottom:8px;font-size:30px}.membership-center .membership-tabs{margin-top:14px}.membership-center .membership-scroll{padding-top:20px}.membership-center .membership-checkout{padding-block:12px}}@media (max-width:900px) and (min-width:761px){.membership-center .membership-products,.membership-center .membership-products.is-credits{gap:12px}.membership-center .membership-product-icon{display:none}.membership-center .membership-product-name,.membership-center .membership-product-caption{max-width:100%}.membership-center .membership-product-name{font-size:15px}.membership-center .membership-product-price{font-size:30px}.membership-center .membership-product.recharge-card{padding-inline:14px}.membership-center .membership-entitlements{flex-wrap:wrap}.membership-center .membership-entitlements>span{margin-left:30px}.membership-center .membership-checkout{gap:12px}.membership-center .membership-consent{font-size:11px}.membership-center .membership-buy.recharge-cta{min-width:132px;padding-inline:14px}}@media (max-width:760px){.ui-modal-overlay:has(>.membership-dialog){padding:12px}.membership-dialog.recharge-modal.ui-modal{border-radius:20px;width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px)}.membership-dialog>.ui-modal-body{height:calc(100dvh - 26px)}.membership-dialog>header{top:10px;right:10px}.membership-center .membership-header{grid-template-columns:1fr;gap:8px;padding:16px 50px 12px 20px;display:grid}.membership-center .membership-heading{gap:9px;font-size:16px}.membership-center .membership-heading>svg{width:22px}.membership-center .membership-account{justify-content:space-between;gap:12px;font-size:11px}.membership-center .membership-account>strong{max-width:95px}.membership-center .membership-account b{font-size:15px}.membership-center .membership-account svg{width:15px}.membership-center .membership-banner{min-height:200px}.membership-center .membership-banner-copy{width:100%;padding:18px 20px}.membership-center .membership-banner h2{margin-bottom:8px;font-size:27px}.membership-center .membership-banner p{max-width:255px;font-size:11px;line-height:1.7}.membership-center .membership-banner>img{opacity:.22;object-fit:cover;object-position:65% top;width:90%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.membership-center .membership-tabs{gap:10px;margin-top:12px}.membership-center .membership-tabs button{border-radius:12px;min-width:115px;min-height:38px;padding:8px 14px;font-size:12px}.membership-center .membership-scroll{padding:22px 18px 16px}.membership-center .membership-section-heading{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px}.membership-center .membership-section-heading h3{font-size:16px}.membership-center .membership-section-heading>span{font-size:11px;line-height:1.6}.membership-center .membership-products{grid-template-columns:1fr;gap:22px}.membership-center .membership-product.recharge-card{min-height:220px;padding:26px 20px 16px}.membership-center .membership-product-name{font-size:18px}.membership-center .membership-product-icon{width:58px;height:58px;right:20px}.membership-center .membership-product-credit strong{font-size:22px}.membership-center .membership-entitlements{flex-wrap:wrap;align-items:flex-start;padding:14px 12px}.membership-center .membership-entitlements>div{flex:1}.membership-center .membership-entitlements>span{margin-left:30px;font-size:11px}.membership-center .membership-capability-grid{gap:18px 12px}.membership-center .membership-capability-grid>div{align-items:flex-start;gap:8px}.membership-center .membership-capability-grid>div>span{border-radius:10px;width:32px;height:32px}.membership-center .membership-capability-grid svg{width:20px}.membership-center .membership-capability-grid h4{font-size:12px}.membership-center .membership-capability-grid p{font-size:10px}.membership-center .membership-checkout{grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:14px 18px}.membership-center .membership-checkout-amount{gap:3px 5px}.membership-center .membership-checkout-amount>span{flex-basis:100%;font-size:10px}.membership-center .membership-checkout-amount strong{font-size:27px}.membership-center .membership-checkout-amount small{font-size:10px}.membership-center .membership-buy.recharge-cta{border-radius:12px;grid-area:1/2;gap:10px;min-width:128px;min-height:48px;padding-inline:14px;font-size:13px}.membership-center .membership-consent{grid-area:2/1/auto/-1;gap:6px;font-size:11px}.membership-center .membership-policy-links{margin-left:25px}.membership-center .membership-payment-view .billing-payment{padding:18px 12px}}@media (max-width:360px){.membership-center .membership-header{padding-left:16px;padding-right:48px}.membership-center .membership-account{gap:8px}.membership-center .membership-account>strong{max-width:65px}.membership-center .membership-account>span{gap:4px;font-size:10px}.membership-center .membership-scroll,.membership-center .membership-checkout{padding-inline:14px}.membership-center .membership-buy.recharge-cta{min-width:118px}.membership-center .membership-banner-copy{padding-left:16px}.membership-center .membership-tabs button{min-width:110px}}@media (prefers-reduced-motion:reduce){.membership-center *,.membership-center :before,.membership-center :after{transition:none!important;animation:none!important}}