.membership-section{padding:80px 0}.membership-section[hidden]{display:none}.membership-shell{background:var(--section-bg,#fff);border:1px solid var(--section-border,#f7e1eb);border-radius:40px;padding:42px;box-shadow:0 20px 55px rgba(132,64,104,.08)}.membership-section .section-head{margin-bottom:24px}.membership-content{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.4fr);gap:38px;align-items:center}.membership-level-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:260px;border:1px solid #fff;border-radius:28px;padding:30px;overflow:hidden;background:linear-gradient(120deg,#ecf6ff,#e9e0fb 54%,#ffdfed);box-shadow:0 16px 30px #a18cb51c}.membership-level-card[data-level-tone="1"]{background:linear-gradient(120deg,#fff3dc,#ffe2eb 55%,#eae8ff)}.membership-level-card[data-level-tone="2"]{background:linear-gradient(120deg,#e2f4f3,#dfe8ff 55%,#f3e5fb)}.membership-level-card:before{content:"";position:absolute;width:260px;height:260px;right:-140px;top:-130px;border:24px solid #ffffff48;border-radius:50%;transform:rotate(-30deg)}.membership-level-card>div{position:relative;z-index:1;min-width:0}.membership-level-card small{color:#876c99;font-size:9px;letter-spacing:.18em;font-weight:900}.membership-level-card h3{font-size:32px;margin:20px 0 12px;letter-spacing:-.02em;overflow-wrap:anywhere}.membership-level-card p{font-size:12px;line-height:1.9;color:#766680;white-space:pre-line;overflow-wrap:anywhere}.membership-card-line{position:absolute;bottom:24px;left:30px;right:30px;height:2px;background:linear-gradient(90deg,#ffffffd0,transparent)}.membership-level-icon{position:relative;flex:none;width:78px;height:78px;display:grid;place-items:center;color:#a280c8;filter:drop-shadow(0 8px 8px #ab8fcd29)}.membership-level-icon svg{width:68px;height:68px}.membership-level-icon img{width:100%;height:100%;object-fit:contain}.membership-benefit-heading{display:flex;align-items:center;gap:15px;justify-content:center;margin-bottom:26px}.membership-benefit-heading h4{margin:0;color:#836679;font-size:14px;letter-spacing:.1em}.membership-benefit-heading span{width:35px;height:1px;background:#dfc9d7}.membership-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.membership-benefit{text-align:center;min-width:0}.membership-benefit-icon{display:grid;place-items:center;margin:0 auto 12px;width:58px;height:58px;border:1px solid #fff;border-radius:50%;color:#bd82ae;background:linear-gradient(140deg,#fff7fc,#e9f5ff);box-shadow:0 5px 14px #a381a417}.membership-benefit-icon svg{width:27px;height:27px}.membership-benefit-icon img{width:42px;height:42px;object-fit:contain}.membership-benefit h5{font-size:13px;margin:0 0 5px;overflow-wrap:anywhere}.membership-benefit p{font-size:11px;line-height:1.8;color:#9a8291;margin:0;white-space:pre-line;overflow-wrap:anywhere}.membership-empty{color:#9a8291;font-size:13px;grid-column:1/-1;text-align:center}.membership-section button:focus-visible{outline:3px solid #bb8bd0;outline-offset:3px}:root[data-section-custom="true"] .membership-shell{background-color:#fff;background-image:linear-gradient(#ffffffd9,#ffffffd9),var(--custom-section-image);background-size:cover;background-position:center}
.membership-settings{max-width:1000px}.membership-settings .check-row{display:flex;align-items:center}.membership-settings .check-row input{width:16px;height:16px}.membership-editor-fields{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}.membership-settings textarea{min-height:80px}.membership-level-editor{padding:24px;border:1px solid #f0d5e4;border-radius:22px;margin:20px 0;background:#fffafd}.membership-level-editor>header,.membership-benefit-editor>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.membership-level-editor h3{margin:0;font-size:18px}.membership-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.membership-editor-actions button{padding:7px 9px;font-size:11px;background:#fff0f7;border-radius:8px;color:#9d6385}.membership-level-fields>label{max-width:650px}.membership-icon-editor{display:grid;grid-template-columns:130px minmax(150px,1fr) 64px;gap:15px;align-items:start;margin-bottom:14px}.membership-icon-editor select{width:100%;border:1px solid #eddce5;border-radius:10px;background:#fff;padding:12px;color:#765767}.membership-icon-editor label{margin:0}.membership-icon-editor .text-btn{grid-column:2/-1;justify-self:start;font-size:11px;padding:0;color:#b37399}.membership-editor-preview{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff}.membership-editor-preview[hidden]{display:none}.membership-benefit-editor{padding:18px;background:#fff;border:1px solid #f0e2eb;border-radius:16px;margin:14px 0}.membership-benefit-editor>header{font-size:12px;margin-bottom:15px}.membership-save-actions{display:flex;gap:12px;flex-wrap:wrap}.membership-settings .upload-hint{font-weight:400;line-height:1.7}
@media(max-width:900px){.membership-content{grid-template-columns:1fr;gap:28px}.membership-level-card{min-height:210px}.membership-level-icon{width:96px;height:96px}.membership-level-icon svg{width:82px;height:82px}}
@media(max-width:680px){.membership-section{padding:45px 0}.membership-shell{padding:25px 18px;border-radius:26px}.membership-level-card{padding:24px;min-height:205px}.membership-level-card h3{font-size:28px}.membership-level-icon{width:65px;height:65px}.membership-level-icon svg{width:58px;height:58px}.membership-benefit-grid{gap:22px 10px}.membership-benefit h5{font-size:12px}.membership-benefit p{font-size:10px}.membership-editor-fields{grid-template-columns:1fr;gap:0}.membership-icon-editor{grid-template-columns:1fr 60px}.membership-icon-editor label:nth-child(2){grid-row:2;grid-column:1/-1}.membership-icon-editor .text-btn{grid-column:1/-1}.membership-editor-preview{grid-column:2;grid-row:1}.membership-level-editor{padding:16px}.membership-level-editor>header,.membership-benefit-editor>header{align-items:flex-start;flex-direction:column}.membership-editor-actions button{padding:7px}.membership-benefit-editor{padding:14px}}
.membership-selector{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:2}
.membership-select-label{color:#957687;font-size:12px;white-space:nowrap}
.membership-dropdown{position:relative;width:260px;max-width:100%;min-width:0}
.membership-level-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;border:1px solid #edc6da;border-radius:16px;padding:12px 18px;background:rgba(255,255,255,.94);color:#b43a72;font-size:14px;font-weight:800;text-align:left;box-shadow:0 5px 18px #c85e9810}
.membership-level-toggle>span{min-width:0;overflow-wrap:anywhere}.membership-level-toggle>svg{flex:none;transition:transform .18s}
.membership-level-toggle[aria-expanded=true]{border-color:#eb78ac}.membership-level-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.membership-level-options{position:absolute;left:0;right:0;top:calc(100% + 7px);max-height:300px;max-height:min(300px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #efd6e3;border-radius:17px;background:#fffafd;box-shadow:0 16px 35px #74415626}
.membership-level-options[hidden]{display:none}.membership-level-options button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border-radius:11px;background:transparent;color:#765767;font-size:13px;text-align:left;overflow-wrap:anywhere}
.membership-level-options button>span:first-child{min-width:0}.membership-option-check{flex:none;visibility:hidden;color:#e5488c}
.membership-level-options button[aria-selected=true]{background:#ffeaf4;color:#c63376;font-weight:800}.membership-level-options button[aria-selected=true] .membership-option-check{visibility:visible}
.membership-level-options button:hover,.membership-level-options button:focus-visible{background:#fff0f7;outline:2px solid #f3b7d3;outline-offset:-2px}
.membership-card-profile{min-width:0}.membership-card-art{width:100%;aspect-ratio:8/5;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 12px 28px #a18cb51c}
.membership-card-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}.membership-card-image[hidden],.membership-card-fallback[hidden]{display:none}
.membership-card-caption{padding:18px 4px 0}.membership-card-caption h3{margin:0 0 8px;font-size:23px;overflow-wrap:anywhere}.membership-card-caption p{margin:0;font-size:12px;color:#866d7a;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.membership-card-fallback{display:flex;flex-direction:column;align-items:center;gap:14px;color:#a785b5;font-size:12px}.membership-card-fallback svg{width:65px;height:65px}
.membership-content>*,.membership-level-card>div{min-width:0}
@media(max-width:680px){.membership-selector{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:20px}.membership-dropdown{width:100%}.membership-level-toggle{font-size:13px;min-height:46px}.membership-card-art{border-radius:20px}.membership-card-caption h3{font-size:21px}}