:root{--member-text:#162842;--member-muted:#667892;--member-line:#d9e4f1;--member-soft:#f5f8fc;--member-brand:#0b6ff2;--member-surface:#fff}.membership-main{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:46px 0 56px;color:var(--member-text)}.membership-hero{max-width:820px}.membership-kicker{margin:0 0 10px;color:var(--member-brand);font-size:13px;font-weight:800}.membership-hero h1{margin:0;font-size:38px;line-height:1.2;letter-spacing:0}.membership-hero>p:not(.membership-kicker){margin:14px 0 0;color:var(--member-muted);font-size:16px;line-height:1.75}.membership-current{margin-top:23px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--member-muted);font-size:13px}.membership-current strong{padding:5px 9px;border:1px solid #b9d4fa;border-radius:6px;background:#eef5ff;color:#075ecf}.membership-current em{font-style:normal}.membership-plans,.membership-addons,.membership-notes{margin-top:50px}.membership-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.membership-section-head>div>p{margin:0 0 6px;color:var(--member-brand);font-size:12px;font-weight:800}.membership-section-head h2{margin:0;font-size:27px;letter-spacing:0}.membership-section-head>span{color:var(--member-muted);font-size:13px}.membership-period{min-height:40px;padding:3px;display:flex;border:1px solid var(--member-line);border-radius:8px;background:var(--member-soft)}.membership-period button{min-width:92px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:var(--member-muted);cursor:pointer;font:inherit;font-size:13px;font-weight:700}.membership-period button span{margin-left:4px;color:#0a72e8;font-size:10px}.membership-period button.active{background:var(--member-surface);color:var(--member-text);box-shadow:0 1px 4px rgba(25,54,91,.1)}.membership-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.membership-plan-card{position:relative;min-height:560px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--member-line);border-radius:8px;background:var(--member-surface)}.membership-plan-card.featured{border:2px solid #3f91f8;padding:24px}.membership-plan-badge{position:absolute;top:0;right:18px;padding:6px 10px;border-radius:0 0 6px 6px;background:#0b6ff2;color:#fff;font-size:11px;font-weight:800}.membership-plan-title{display:flex;align-items:center;gap:12px}.membership-plan-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#edf4fd;color:#0b6ff2;font-size:20px;font-weight:850}.membership-plan-title p,.membership-plan-title h3{margin:0}.membership-plan-title p{color:var(--member-muted);font-size:11px}.membership-plan-title h3{margin-top:2px;font-size:23px}.membership-price{min-height:70px;margin-top:24px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.membership-price del{width:100%;color:#8796aa;font-size:12px}.membership-price strong{font-size:30px}.membership-price small{color:var(--member-muted);font-size:12px}.membership-main[data-billing-period="monthly"] [data-price-period="yearly"],.membership-main[data-billing-period="yearly"] [data-price-period="monthly"]{display:none}.membership-plan-summary,.membership-promo-date{min-height:42px;margin:5px 0 0;color:var(--member-muted);font-size:13px;line-height:1.55}.membership-promo-date{color:#0b65cc}.membership-plan-card ul{margin:20px 0 24px;padding:0;display:grid;gap:11px;list-style:none}.membership-plan-card li{position:relative;padding-left:21px;color:#455a75;font-size:13px;line-height:1.55}.membership-plan-card li:before{content:"";position:absolute;left:1px;top:6px;width:8px;height:4px;border-left:2px solid #0b72ee;border-bottom:2px solid #0b72ee;transform:rotate(-45deg)}.membership-plan-card button,.membership-secondary-action,.membership-addon-list button{min-height:44px;margin-top:auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--member-brand);border-radius:7px;background:var(--member-brand);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:750;text-decoration:none}.membership-plan-card button:disabled,.membership-addon-list button:disabled{border-color:#bdc9d8;background:#bdc9d8;cursor:not-allowed}.membership-secondary-action{background:transparent;color:var(--member-brand)}.membership-addon-list{margin-top:22px;border-top:1px solid var(--member-line)}.membership-addon-list article{min-height:104px;padding:18px 0;display:grid;grid-template-columns:minmax(0,1fr) 120px 126px;align-items:center;gap:20px;border-bottom:1px solid var(--member-line)}.membership-addon-list h3,.membership-addon-list p{margin:0}.membership-addon-list h3{font-size:16px}.membership-addon-list p{margin-top:6px;color:var(--member-muted);font-size:13px}.membership-addon-list>article>strong{color:#0b66d4;font-size:19px}.membership-addon-list button{margin:0}.membership-notes{padding-top:28px;border-top:1px solid var(--member-line);display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px}.membership-notes h2{margin:0;font-size:21px}.membership-notes p{margin:0 0 10px;color:var(--member-muted);font-size:13px;line-height:1.7}@media(max-width:1000px){.membership-plan-grid{grid-template-columns:1fr}.membership-plan-card{min-height:0}.membership-plan-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.membership-main{width:calc(100% - 28px);padding:28px 0 44px}.membership-hero h1{font-size:30px}.membership-section-head{align-items:flex-start;flex-direction:column}.membership-period{width:100%}.membership-period button{flex:1}.membership-plan-card ul{grid-template-columns:1fr}.membership-addon-list article{grid-template-columns:minmax(0,1fr) auto}.membership-addon-list button{grid-column:1/-1}.membership-notes{grid-template-columns:1fr;gap:14px}}html[data-theme="dark"]{--member-text:#edf5ff;--member-muted:#b8c7da;--member-line:#2a405d;--member-soft:#101f33;--member-surface:#0e1b2c}html[data-theme="dark"] .membership-current strong{border-color:#386aa8;background:#102b4d;color:#8ec2ff}html[data-theme="dark"] .membership-plan-title>span{background:#142a45;color:#8bc0ff}html[data-theme="dark"] .membership-plan-card li{color:#d0dbea}html[data-theme="dark"] .membership-period button.active{background:#182a41;color:#fff}html[data-theme="dark"] .membership-plan-card button:disabled,html[data-theme="dark"] .membership-addon-list button:disabled{border-color:#30445d;background:#30445d;color:#aab9cc}
html[data-ui-theme="dark"]{--member-text:#edf5ff;--member-muted:#b8c7da;--member-line:#2a405d;--member-soft:#101f33;--member-surface:#0e1b2c}html[data-ui-theme="dark"] .membership-current strong{border-color:#386aa8;background:#102b4d;color:#8ec2ff}html[data-ui-theme="dark"] .membership-plan-title>span{background:#142a45;color:#8bc0ff}html[data-ui-theme="dark"] .membership-plan-card li{color:#d0dbea}html[data-ui-theme="dark"] .membership-period button.active{background:#182a41;color:#fff}html[data-ui-theme="dark"] .membership-plan-card button:disabled,html[data-ui-theme="dark"] .membership-addon-list button:disabled{border-color:#30445d;background:#30445d;color:#aab9cc}
.membership-services-link{color:var(--member-brand);font-weight:750;text-decoration:none}.membership-services-link:hover{text-decoration:underline}

/* Brighter text accents for contrast on dark membership surfaces. */
:is(html[data-theme="dark"], body[data-ui-theme="dark"]) :is(
    .membership-kicker,
    .membership-section-head > div > p,
    .membership-period button span,
    .membership-promo-date,
    .membership-addon-list > article > strong,
    .membership-secondary-action,
    .membership-services-link
) {
    color: #72b7ff;
    -webkit-text-fill-color: #72b7ff;
}