.membership-page{--member-bg:#07080a;--member-panel:#111317;--member-raised:#171a1f;--member-line:#2a2e35;--member-line-strong:#555b64;--member-text:#f5f6f7;--member-muted:#8c929d;background:var(--member-bg);color:var(--member-text)}.membership-page a,.membership-page button,.membership-page input{font-family:inherit}.membership-brand{color:inherit;text-decoration:none}.membership-main{gap:18px;width:min(1368px,100% - 64px);margin:0 auto;padding:38px 0 80px;display:grid}.membership-hero{border:1px solid var(--member-line);background:linear-gradient(110deg, #ffffff06, transparent 45%), var(--member-panel);border-radius:16px;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:48px;min-height:236px;padding:38px 40px;display:grid}.membership-eyebrow{color:#d6d9dd;letter-spacing:.18em;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.membership-eyebrow svg{width:15px}.membership-hero h1{letter-spacing:-.055em;margin:16px 0 12px;font-size:clamp(40px,4vw,58px);line-height:1}.membership-hero-copy>p{color:#9da3ac;max-width:670px;margin:0;font-size:14px;line-height:1.75}.membership-account-summary{background:#0a0c0f;border:1px solid #383d45;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:124px;padding:20px;display:grid}.membership-account-summary>span{background:#171a1f;border:1px solid #3c424a;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.membership-account-summary>span svg{color:#dadddf;width:18px}.membership-account-summary div{min-width:0}.membership-account-summary small{color:#767e88;letter-spacing:.12em;font-size:9px}.membership-account-summary strong{margin-top:3px;font-size:17px;display:block}.membership-account-summary p{color:#838b95;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;overflow:hidden}.membership-account-summary>a{color:#c6cbd1;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.membership-account-summary>a:hover{color:#fff}.membership-account-summary>a svg{width:13px}.membership-notice{color:#c6cbd1;background:#15191d;border:1px solid #3c424a;border-radius:10px;align-items:center;gap:9px;min-height:46px;padding:0 15px;font-size:11px;display:flex}.membership-notice>svg{color:#d9ff57;width:15px}.membership-notice button{color:#858d97;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px}.membership-plan-section,.membership-dashboard>div,.membership-payment-section,.membership-account-section,.membership-rules{border:1px solid var(--member-line);background:var(--member-panel);border-radius:16px}.membership-plan-section,.membership-account-section,.membership-rules{padding:30px}.membership-section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.membership-section-head small,.membership-topup-card header small,.membership-wallet-card header small,.membership-payment-section header small,.membership-rules header small{color:#858c96;letter-spacing:.16em;font-size:9px;font-weight:800}.membership-section-head h2,.membership-topup-card h2,.membership-wallet-card h2,.membership-payment-section h2,.membership-rules h2{letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.membership-section-head>p{color:#7e858e;text-align:right;max-width:470px;margin:0;font-size:11px}.membership-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.membership-plan-grid>article{background:#16181c;border:1px solid #32373e;border-radius:13px;flex-direction:column;min-height:380px;padding:24px;display:flex}.membership-plan-grid>article.recommended{background:#1b1d21;border-color:#777d85;box-shadow:inset 0 1px #ffffff14}.membership-plan-grid>article.current{box-shadow:inset 0 0 0 1px #92979e}.membership-plan-grid article>header{justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex}.membership-plan-grid article>header>span{color:#d8dbe0;font-size:12px;font-weight:700}.membership-plan-grid article>header em{color:#b9bec5;border:1px solid #4a5058;border-radius:5px;padding:4px 7px;font-size:8px;font-style:normal}.membership-price{letter-spacing:-.04em;margin-top:16px;font-size:43px;line-height:1}.membership-price i{margin-right:3px;font-size:23px;font-style:normal;font-weight:600}.membership-price small{color:#7e858f;letter-spacing:0;margin-left:5px;font-size:11px;font-weight:500}.membership-plan-grid article>p{color:#858c95;min-height:42px;margin:14px 0 18px;font-size:11px;line-height:1.65}.membership-plan-grid ul{border-top:1px solid #30343a;gap:12px;margin:0 0 22px;padding:18px 0 0;list-style:none;display:grid}.membership-plan-grid li{color:#b1b6bd;align-items:center;gap:8px;font-size:10px;display:flex}.membership-plan-grid li svg{color:#aeb4bb;width:14px}.membership-plan-actions{gap:8px;margin-top:auto;display:grid}.membership-action{color:#d7dade;cursor:pointer;background:#15181c;border:1px solid #444a52;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:auto;font-size:10px;font-weight:700;text-decoration:none;display:flex}.membership-action.primary{color:#090b0d;background:#eff1f3;border-color:#eff1f3}.membership-plan-actions .membership-action{margin-top:0}.membership-plan-actions .plan-purchase{min-height:52px;padding:8px 10px}.membership-plan-actions .plan-purchase>span{text-align:left;gap:3px;display:grid}.membership-plan-actions .plan-purchase small{color:inherit;opacity:.68;font-size:8px;font-weight:600}.membership-plan-actions .membership-action.secondary{min-height:38px}.membership-action.secondary{margin-top:8px}.membership-action:hover:not(:disabled){color:#090b0d;background:#fff;border-color:#fff}.membership-action:disabled{opacity:.42;cursor:not-allowed}.membership-action svg{width:14px}.membership-dashboard{grid-template-columns:.88fr 1.12fr;gap:18px;display:grid}.membership-wallet-card,.membership-topup-card{padding:28px}.membership-wallet-card>header{align-items:center;gap:12px;display:flex}.membership-wallet-card>header>span,.membership-payment-section>header>span,.membership-rules>header>svg{background:#191c20;border:1px solid #343a42;border-radius:10px;place-items:center;width:42px;height:42px;padding:11px;display:grid}.membership-wallet-card>strong{letter-spacing:-.045em;margin:30px 0 26px;font-size:48px;line-height:1;display:block}.membership-wallet-card>strong small{color:#777f89;letter-spacing:0;margin-left:7px;font-size:11px;font-weight:500}.membership-wallet-breakdown{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.membership-wallet-breakdown>span{background:#0d1013;border:1px solid #30353c;border-radius:9px;gap:4px;padding:14px;display:grid}.membership-wallet-breakdown i{color:#828a94;font-size:9px;font-style:normal}.membership-wallet-breakdown b{font-size:19px}.membership-wallet-breakdown small{color:#666e78;font-size:8px}.membership-topup-card>header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.membership-topup-card>header p{color:#7d858f;margin:0;font-size:10px}.membership-topup-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;display:grid}.membership-topup-grid button{text-align:left;cursor:pointer;background:#0e1114;border:1px solid #383e46;border-radius:10px;justify-content:space-between;align-items:center;min-height:105px;padding:18px;display:flex}.membership-topup-grid button:hover:not(:disabled){background:#171a1e;border-color:#8b9199}.membership-topup-grid button:disabled{opacity:.5;cursor:not-allowed}.membership-topup-grid button>span{grid-template-columns:18px auto;align-items:center;gap:3px 8px;display:grid}.membership-topup-grid button svg{color:#c7ccd1;grid-row:1/3;width:16px}.membership-topup-grid button strong{font-size:12px}.membership-topup-grid button small{color:#737b84;font-size:8px}.membership-topup-grid button>b{font-size:20px}.membership-payment-offline{color:#858d97;background:#14171b;border:1px solid #32373e;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.membership-payment-offline>svg{width:16px}.membership-payment-offline span{gap:3px;display:grid}.membership-payment-offline strong{color:#b7bcc2;font-size:9px}.membership-payment-offline small{font-size:8px}.membership-payment-section{padding:28px;scroll-margin-top:78px}.membership-payment-section>header{align-items:center;gap:12px;display:flex}.membership-payment-section>header>div{min-width:0}.membership-payment-section>header>button{color:#a7adb5;cursor:pointer;background:#111419;border:1px solid #3b4149;border-radius:7px;height:34px;margin-left:auto;padding:0 12px;font-size:9px}.membership-payment-body{background:#0b0d10;border:1px solid #30353c;border-radius:12px;justify-content:center;align-items:center;gap:40px;margin-top:24px;padding:24px;display:flex}.membership-payment-body>img{background:#fff;border-radius:10px;width:204px;height:204px;padding:9px}.membership-payment-body>div{min-width:250px}.membership-payment-body>div>span{color:#9aa1aa;font-size:11px}.membership-payment-body>div>strong{margin:8px 0 20px;font-size:36px;display:block}.membership-payment-body ol{color:#aeb3ba;gap:7px;margin:0 0 16px;padding-left:19px;font-size:10px;display:grid}.membership-payment-body small{color:#6f7781;font-size:9px}.membership-payment-result{background:#0e1114;border:1px solid #343a42;border-radius:10px;align-items:center;gap:16px;margin-top:24px;padding:24px;display:flex}.membership-payment-result>svg{color:#d9ff57;width:34px}.membership-payment-result div{flex:1}.membership-payment-result strong{font-size:14px}.membership-payment-result p{color:#7e8791;margin:5px 0 0;font-size:10px}.membership-payment-result a{color:#d9dde1;align-items:center;gap:5px;font-size:10px;text-decoration:none;display:flex}.membership-payment-result a svg{width:13px}.membership-account-section{scroll-margin-top:78px}.membership-account-section .account-access{max-width:860px}.membership-account-section .account-intro,.membership-account-section .account-identity,.membership-account-section .account-runtime,.membership-account-section .account-test-login{border-radius:10px}.membership-account-section .account-intro>span,.membership-account-section .account-identity>span{color:#eef0f2;background:#202329;border-radius:8px}.membership-account-section .account-intro strong,.membership-account-section .account-identity strong{font-size:14px}.membership-account-section .account-intro p,.membership-account-section .account-identity p,.membership-account-section .account-field,.membership-account-section .account-notice{font-size:10px}.membership-account-section .account-primary{color:#090b0d;background:#eff1f3;border:1px solid #eff1f3;border-radius:8px}.membership-account-section .account-secondary{border-radius:8px}.membership-account-section .account-test-login{color:#d9dde1;background:#14171b;border-color:#434950}.membership-account-section .account-test-login>button{color:#090b0d;background:#eff1f3;border:1px solid #eff1f3;border-radius:8px}.membership-rules>header{align-items:center;gap:12px;display:flex}.membership-rules>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.membership-rules article{background:#0e1114;border:1px solid #30353c;border-radius:10px;gap:13px;padding:18px;display:flex}.membership-rules article>b{color:#626a74;font-size:10px}.membership-rules article span{gap:7px;display:grid}.membership-rules article strong{font-size:11px}.membership-rules article p{color:#78808a;margin:0;font-size:9px;line-height:1.65}.membership-footer{color:#676f79;border-top:1px solid #22262b;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:0 max(32px,50vw - 684px);font-size:9px;display:flex}.membership-footer a{color:#aeb4bc;align-items:center;gap:6px;text-decoration:none;display:flex}.membership-footer a svg{width:13px}@media (width<=1050px){.membership-topbar{gap:18px;padding:0 18px}.membership-topbar nav :is(a,button){min-width:0;padding:0 9px}.membership-main{width:min(100% - 32px,900px)}.membership-hero{grid-template-columns:1fr;gap:28px}.membership-account-summary{width:100%}.membership-plan-grid{grid-template-columns:1fr}.membership-plan-grid>article{min-height:0}.membership-dashboard{grid-template-columns:1fr}}@media (width<=720px){.membership-topbar{flex-wrap:wrap;height:auto;padding:14px 16px;position:static}.membership-topbar nav{order:3;width:100%;overflow-x:auto}.membership-topbar nav :is(a,button){white-space:nowrap;min-height:42px}.membership-topbar .guided-account{margin-left:auto}.membership-main{width:calc(100% - 24px);padding-top:18px}.membership-hero,.membership-plan-section,.membership-account-section,.membership-rules,.membership-wallet-card,.membership-topup-card,.membership-payment-section{border-radius:12px;padding:20px}.membership-hero h1{font-size:38px}.membership-account-summary{grid-template-columns:40px minmax(0,1fr)}.membership-account-summary>a{grid-column:2}.membership-section-head,.membership-topup-card>header{flex-direction:column;align-items:flex-start}.membership-section-head>p{text-align:left}.membership-wallet-breakdown,.membership-topup-grid,.membership-rules>div{grid-template-columns:1fr}.membership-payment-body{flex-direction:column;align-items:flex-start;gap:22px}.membership-payment-body>img{align-self:center}.membership-payment-body>div{min-width:0}.membership-footer{padding:0 16px}}