:root{--m-ink:#123f3c;--m-muted:#71817f;--m-green:#078b7c;--m-orange:#f46b1b;--m-line:#dce9e6}
body:has(.membership-page) .site-header{position:relative;top:auto}.membership-page,.membership-page button{font-family:"Cairo",sans-serif}.membership-page .material-symbols-rounded{font-family:"Material Symbols Rounded"!important}
.membership-page{position:relative;isolation:isolate;min-height:100vh;margin-top:-1px;padding:30px 0 60px;background:radial-gradient(circle at 90% 2%,#dff6f4 0,transparent 24rem),radial-gradient(circle at 5% 20%,#fff0e6 0,transparent 22rem),linear-gradient(180deg,#f8fcfb,#fff 35%,#f4fbfa)}
.membership-page::before{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#15968c20 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#0006,transparent 65%);content:"";pointer-events:none}
.membership-page .user-dashboard-shell{display:block;box-sizing:border-box;width:100%;max-width:64rem;margin-inline:auto;padding-inline:20px}.membership-page .user-dashboard-sidebar{display:none}.membership-main{display:grid;gap:20px}
.membership-heading{position:sticky;z-index:45;top:0;display:grid;min-height:108px;grid-template-columns:auto 54px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 4px;background:transparent}.membership-heading.is-stuck::before{position:absolute;z-index:-1;inset:0 50%;width:100vw;background:#fffffff2;box-shadow:0 8px 24px #1647440b;backdrop-filter:blur(18px);transform:translateX(50%);content:""}.membership-heading>a{display:flex;height:48px;align-items:center;gap:5px;padding:0 10px;color:#526a67;font-size:10px;font-weight:900}.membership-heading>a i{font-size:20px}.membership-heading>i{display:grid;width:54px;height:54px;place-items:center;color:var(--m-green);font-size:34px}.membership-heading>div>span{color:var(--m-green);font-size:9px;font-weight:900}.membership-heading h1{margin:3px 0;color:var(--m-ink);font-size:28px}.membership-heading p{margin:0;color:var(--m-muted);font-size:10px}.membership-heading>em{padding:7px 12px;border-radius:999px;background:#e8f7f3;color:var(--m-green);font-size:8px;font-style:normal;font-weight:900}
.current-plan{padding:25px;border:1px solid var(--m-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px #1647440c}.current-plan-top{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #edf2f1}.current-plan-top>i{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:#e9f8f5;color:var(--m-green);font-size:28px}.current-plan-top>div{flex:1}.current-plan-top small{color:var(--m-muted);font-size:8px}.current-plan-top h2{margin:2px 0;color:var(--m-ink);font-size:18px}.current-plan-top p{margin:0;color:var(--m-muted);font-size:9px}.current-plan-top>em{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:#eaf8f3;color:#087866;font-size:8px;font-style:normal;font-weight:900}.current-plan-top>em u{width:7px;height:7px;border-radius:50%;background:#11a681}
.plan-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.plan-features article{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #e7efed;border-radius:14px}.plan-features article>i{color:var(--m-green);font-size:23px}.plan-features article>span{flex:1}.plan-features b,.plan-features small{display:block}.plan-features b{color:#294b47;font-size:9px}.plan-features small{color:var(--m-muted);font-size:7px}.plan-features em{color:var(--m-green);font-size:7px;font-style:normal;font-weight:900}.current-plan>footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #edf2f1}.current-plan>footer span{display:flex;align-items:center;gap:6px;color:var(--m-muted);font-size:8px}.current-plan>footer span i{color:var(--m-green)}.current-plan>footer>b{color:var(--m-ink);font-size:20px}.current-plan>footer>b small{font-size:8px}
.premium-offer{padding:25px;border:1px solid #f0c5a7;border-radius:22px;background:linear-gradient(135deg,#fff,#fff8f2);box-shadow:0 14px 38px #a853180c}.premium-offer>header{display:flex;align-items:center;gap:14px}.premium-offer>header>i{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:#ffeadc;color:var(--m-orange);font-size:28px}.premium-offer>header>div{flex:1}.premium-offer header small{color:var(--m-orange);font-size:8px;font-weight:900}.premium-offer h2{margin:2px 0;color:#6d3b20;font-size:17px}.premium-offer p{margin:0;color:#896f61;font-size:9px}.premium-offer header>strong{color:#6d3b20;font-size:24px}.premium-offer header>strong small{display:block;font-size:7px}.premium-offer>div{display:flex;gap:9px;margin:17px 0}.premium-offer>div span{flex:1;padding:10px;border-radius:11px;background:#fff;color:#6f5b50;font-size:8px}.premium-offer>footer{display:flex;align-items:center;justify-content:space-between}.premium-offer>footer>a{display:flex;align-items:center;gap:7px;padding:11px 16px;border-radius:11px;background:linear-gradient(135deg,#ef6718,#ff8e48);color:#fff;font-size:9px;font-weight:900}.premium-offer>footer>small{display:flex;align-items:center;gap:5px;color:#87766d;font-size:8px}
.affiliate-invite{display:flex;align-items:center;gap:14px;padding:22px 4px;border-top:1px solid var(--m-line)}.affiliate-invite>i{display:grid;width:48px;height:48px;place-items:center;color:var(--m-green);font-size:27px}.affiliate-invite>div{flex:1}.affiliate-invite small{color:var(--m-green);font-size:8px;font-weight:900}.affiliate-invite h2{margin:2px 0;color:var(--m-ink);font-size:16px}.affiliate-invite p{margin:0;color:var(--m-muted);font-size:8px}.affiliate-invite>a{display:flex;align-items:center;gap:5px;padding:10px 14px;border-radius:11px;background:var(--m-green);color:#fff;font-size:8px;font-weight:900}
@media(max-width:760px){.membership-page{padding:6px 0 35px}.membership-page .user-dashboard-shell{padding-inline:12px}.membership-heading{min-height:70px;grid-template-columns:34px 40px minmax(0,1fr) auto;gap:7px;padding:8px 0}.membership-heading>a{width:34px;height:34px;padding:0}.membership-heading>a b{display:none}.membership-heading>i{width:40px;height:40px;font-size:24px}.membership-heading h1{font-size:15px}.membership-heading p{font-size:7px}.membership-heading>div>span{font-size:7px}.membership-heading>em{padding:5px;font-size:6px}.current-plan,.premium-offer{padding:16px}.plan-features{grid-template-columns:1fr}.premium-offer>header{flex-wrap:wrap}.premium-offer header>strong{width:100%}.premium-offer>div{flex-direction:column}.premium-offer>footer,.affiliate-invite{align-items:stretch;flex-direction:column}.premium-offer>footer>a,.affiliate-invite>a{justify-content:center}}
@media(max-width:420px){.membership-heading{grid-template-columns:32px 36px minmax(0,1fr)}.membership-heading>em{grid-column:2/4;justify-self:start}.membership-heading p{display:none}.current-plan-top{align-items:flex-start;flex-wrap:wrap}.current-plan-top>em{margin-right:66px}.current-plan>footer{align-items:flex-start;flex-direction:column;gap:8px}}