.theme-grok .membership-page .learning-shell.focus-workspace{background:#111315}.membership-page .base-main{flex-direction:column;justify-content:center;max-width:1320px;min-height:100svh;margin-inline:auto;padding:42px 36px 82px;display:flex}.membership-page .base-heading{text-align:center;margin:18px auto 20px;display:block}.theme-grok .membership-page .base-heading h1{color:#f4f3ef;letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.1vw,58px);font-weight:700;line-height:1.08}.membership-page .base-heading p{color:#aeb0b3;max-width:none;margin:12px 0 0;font-size:16px;line-height:1.5}.membership-limit{color:#ead298;background:#e9b90b10;border:1px solid #e9b90b55;border-radius:10px;max-width:1040px;margin:0 auto 18px;padding:13px 17px;font-size:13px}.membership-status{color:#d3d4d3;font-variant-numeric:tabular-nums;background:#1d2022;border:1px solid #ffffff20;border-radius:99px;justify-content:center;align-items:center;gap:11px;width:max-content;max-width:100%;min-height:38px;margin:0 auto 10px;padding:7px 14px;font-size:12px;display:flex}.membership-status-dot{background:#f9c62b;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #f9c62b1d}.membership-status-separator{background:#ffffff2a;width:1px;height:12px}.membership-deck{perspective:1000px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:33px;width:min(100%,1060px);margin:32px auto 50px;display:grid}.membership-plan-shell{filter:drop-shadow(0 24px 22px #0008);min-width:0;transition:transform .24s,filter .24s;position:relative}.membership-plan-shell:before{content:"";clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%);background:#66686b;position:absolute;inset:0}.membership-plan-shell-free{transform:rotate(-2deg)translateY(14px)}.membership-plan-shell-member{z-index:1;transform:rotate(2deg)translateY(-5px)}.membership-plan-shell-member:before{background:#f8c729}.membership-plan-shell-free:hover{filter:drop-shadow(0 31px 25px #0009);z-index:2;transform:rotate(-1deg)translateY(7px)}.membership-plan-shell-member:hover,.membership-plan-shell-member:focus-within{filter:drop-shadow(0 34px 26px #000a);z-index:2;transform:rotate(0)translateY(-8px)}.membership-plan{clip-path:polygon(0 0,calc(100% - 37px) 0,100% 37px,100% 100%,0 100%);color:#f0f0ee;background:#1d1e20;flex-direction:column;min-height:558px;margin:1px;padding:39px 38px 32px;display:flex;position:relative}.membership-plan-featured{background:#1b1c1e}.membership-plan-heading{z-index:1;max-width:calc(100% - 60px);position:relative}.membership-kicker{color:#a1a4a6;letter-spacing:.18em;margin-bottom:16px;font-size:10px;font-weight:700;display:block}.theme-grok .membership-page .membership-plan h2{color:#f5f4f0;letter-spacing:-.035em;margin:0;font-size:clamp(27px,2.4vw,38px);font-weight:700;line-height:1.16}.membership-plan-heading p{color:#b5b7b7;min-height:44px;margin:9px 0 0;font-size:14px;line-height:1.55}.membership-price{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:8px;margin:19px 0 0;display:flex}.membership-price strong{color:#faf9f5;letter-spacing:-.055em;font-size:clamp(43px,4.1vw,59px);font-weight:750;line-height:1.14}.membership-price span{color:#9ea2a5;font-size:16px}.membership-corner{clip-path:polygon(0 0,100% 0,100% 100%);color:#121315;background:#f8c729;justify-content:flex-end;align-items:flex-start;width:112px;height:112px;padding:19px 18px 0 0;transition:transform .24s;display:flex;position:absolute;top:0;right:0}.membership-plan-shell-member:hover .membership-corner{transform:translate(-2px,2px)}.membership-plan-foot,.membership-action,.membership-active{border-radius:9px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:49px;margin-top:24px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.membership-plan-foot{color:#c6c8c9;background:#ffffff08;border:1px solid #ffffff2a}.membership-page .membership-action{color:#171715;cursor:pointer;background:#f8c729;border:1px solid #f7c72a;text-decoration:none;transition:background .17s,box-shadow .17s}.membership-page .membership-action:hover{color:#171715;background:#ffda55;box-shadow:0 7px 20px #f6bd231f}.membership-action svg{transition:transform .17s}.membership-action:hover svg{transform:translate(4px)}.membership-action:disabled{opacity:.7;cursor:default}.membership-active{color:#f3f2ee;background:#242628;border:1px solid #f8c72955}.membership-active-mark{color:#171715;background:#f8c729;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.membership-renewal{color:#eae9e5;background:#202123;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,1060px);margin:0 auto 22px;padding:16px 20px;font-size:13px;line-height:1.5;display:flex}.membership-renewal>div{gap:3px;display:grid}.membership-renewal strong{font-size:14px}.membership-renewal span{color:#bfc0c0}.membership-renewal button{color:#eae9e5;cursor:pointer;background:#2a2c2e;border:1px solid #ffffff30;border-radius:8px;flex:none;padding:10px 13px}.membership-renewal button:hover{color:#f8c729;border-color:#f8c729}.membership-renewal button:disabled{opacity:.55;cursor:wait}.membership-features{border-top:1px solid #ffffff24;gap:15px;margin:29px 0 0;padding:26px 0 0;list-style:none;display:grid}.membership-features li{color:#e4e4e2;align-items:center;gap:13px;min-height:22px;font-size:14px;line-height:1.35;display:flex}.membership-features svg{color:#f4c831;flex:none}.membership-features .is-unavailable,.membership-features .is-unavailable svg{color:#73787b}.membership-unlocked{background:#1d1e20;border:1px solid #ffffff17;border-radius:13px;width:min(100%,1060px);margin:0 auto;padding:23px 25px}.membership-unlocked h2{color:#eeeeed;margin:0;font-size:16px}.membership-unlocked p{color:#a9abae;margin:5px 0 14px;font-size:12px}.membership-unlocked>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.membership-unlocked-card{color:#ddd;border:1px solid #ffffff20;border-radius:9px;grid-template-columns:108px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:83px;padding:8px;text-decoration:none;transition:border-color .17s,background .17s;display:grid}.membership-unlocked-card:hover{background:#ffffff08;border-color:#f4c83180}.membership-unlocked-cover{aspect-ratio:16/9;color:#b7bbc0;background:#101112;border-radius:6px;place-items:center;width:108px;display:grid;overflow:hidden}.membership-unlocked-cover img{object-fit:contain;width:100%;height:100%;display:block}.membership-unlocked-copy{gap:5px;min-width:0;display:grid}.membership-unlocked-copy strong{-webkit-line-clamp:2;color:#ececea;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.membership-unlocked-copy small{color:#979b9f;font-size:10px}.membership-unlocked-card>svg{color:#a8acaf;flex:none}.membership-community{background:#1b1c1e;border:1px solid #ffffff1b;border-radius:13px;width:min(100%,1060px);margin:0 auto 22px;padding:22px 24px}.membership-community-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.membership-community-head h2{color:#f0efec;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700}.membership-community-head p{color:#aaacb0;margin:6px 0 0;font-size:12px;line-height:1.5}.membership-community-head>span{color:#efd17d;white-space:nowrap;border:1px solid #f9c62b55;border-radius:99px;flex:none;padding:6px 10px;font-size:11px}.membership-community-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.membership-community-entry{background:#151617;border:1px solid #ffffff17;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.membership-community-entry>div{gap:4px;min-width:0;display:grid}.membership-community-entry strong{color:#f1f0ec;font-size:13px;font-weight:650}.membership-community-entry small{color:#9da0a3;font-size:11px}.membership-community-entry button{color:#f8ce4f;cursor:pointer;background:#f9c62b10;border:1px solid #f9c62b88;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 11px;font-size:11px;font-weight:650;transition:background .16s,border-color .16s;display:inline-flex}.membership-community-entry button:hover{background:#f9c62b22;border-color:#f9c62b}.membership-community-entry button:focus-visible{outline-offset:3px;outline:2px solid #f9c62b}.membership-community-entry button:disabled{opacity:.6;cursor:wait}.membership-community-joined{color:#c7c9c7;align-items:center;min-height:36px;font-size:11px;display:inline-flex}.membership-community-link{color:#b4b5b3;margin:0;font-size:13px;line-height:1.5}.membership-community-link a{color:#f8ce4f;text-underline-offset:3px}.membership-community-error{color:#ffb6a9;margin:12px 0 0;font-size:12px}.membership-error{color:#ffb9a7;max-width:1060px;margin:12px auto;font-size:13px}.membership-upgrade-dialog{color:#f4f3ef;background:#222426;border:1px solid #494c4e;border-radius:15px;width:min(430px,100% - 32px);max-width:none;margin:auto;padding:0;box-shadow:0 25px 70px #000a}.membership-upgrade-dialog::backdrop{background:#000a}.membership-upgrade-content{padding:28px}.membership-upgrade-mark{color:#171715;background:#f8c729;border-radius:9px;place-items:center;width:40px;height:40px;margin-bottom:19px;display:grid}.membership-upgrade-content h2{margin:0 0 9px;font-size:23px;line-height:1.2}.membership-upgrade-content p{color:#babdbd;margin:0;font-size:13px;line-height:1.55}.membership-upgrade-content>div{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.membership-upgrade-content button{color:#eee;cursor:pointer;background:#303235;border:1px solid #ffffff30;border-radius:8px;min-height:40px;padding:0 14px;font-size:12px}.membership-upgrade-content button:last-child{color:#171715;background:#f8c729;border-color:#f8c729;font-weight:700}.membership-upgrade-content button:disabled{opacity:.6;cursor:wait}.membership-page :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #f8c729}@media (max-width:1040px){.membership-deck{gap:23px}.membership-plan{min-height:548px;padding:33px 29px 29px}.membership-price strong{font-size:clamp(38px,4vw,50px)}}@media (max-width:800px){.membership-page .base-main{min-height:0;padding:28px 21px 70px;display:block}.membership-deck{grid-template-columns:1fr;gap:22px;max-width:500px;margin-top:26px}.membership-plan-shell-free,.membership-plan-shell-free:hover,.membership-plan-shell-member,.membership-plan-shell-member:hover,.membership-plan-shell-member:focus-within{transform:none}.membership-plan{min-height:0}.membership-unlocked>div,.membership-community-actions{grid-template-columns:1fr}.membership-community{max-width:500px}}@media (max-width:600px){.membership-page .base-main{padding:24px 16px 60px}.membership-page .base-heading{margin:13px auto 18px}.theme-grok .membership-page .base-heading h1{font-size:36px!important}.membership-page .base-heading p{font-size:13px}.membership-status{text-align:center;flex-wrap:wrap;justify-content:center;font-size:11px}.membership-plan{padding:28px 24px 27px}.membership-plan-heading{max-width:calc(100% - 39px)}.membership-price strong{font-size:43px}.membership-features li{font-size:13px}.membership-corner{width:88px;height:88px;padding:14px 14px 0 0}.membership-upgrade-content>div{flex-wrap:wrap}.membership-upgrade-content button{flex:1}.membership-community{padding:18px 16px}.membership-community-head{gap:9px;display:grid}.membership-community-head>span{width:max-content}.membership-community-entry{align-items:stretch}.membership-community-entry button{width:100%}}@media (prefers-reduced-motion:reduce){.membership-plan-shell,.membership-plan-shell-free:hover,.membership-plan-shell-member:hover,.membership-plan-shell-member:focus-within{transition:none;transform:none}.membership-corner,.membership-action,.membership-action svg{transition:none}.membership-action:hover svg{transform:none}}.membership-legal{color:#a8acae;text-align:center;max-width:800px;margin:28px auto 0;font-size:12px;line-height:1.7}.membership-legal a{color:#ddd9cc;text-underline-offset:4px}