.container{min-height:100vh;padding-bottom:30px;background:linear-gradient(180deg,#fff8f1 0%,#f7fbf7 48%,#f6f8fb 100%)}
.membership-header{padding:25px 17px 18px;background:radial-gradient(circle at 15% 18%,rgba(255,214,190,.85),transparent 32%),linear-gradient(135deg,#fff3e6,#edf8ff)}
.membership-header-art{display:block;width:100%;border-radius:18px;margin-bottom:12px;box-shadow:0 9px 21px rgba(154,112,82,.12)}
.header-title{display:block;color:#4d3b31;font-size:22px;font-weight:900}.header-desc{display:block;margin-top:5px;color:#8f786a;font-size:13px;line-height:1.6}
.status-card-top,.plan-card,.faq-item{background:rgba(255,255,255,.82);border:0.5px solid rgba(255,255,255,.76);box-shadow:0 9px 23px rgba(154,112,82,.1);backdrop-filter:blur(7px)}
.status-card-top{display:flex;justify-content:space-between;gap:8px;margin:12px;padding:14px;border-radius:16px}.status-copy{flex:1}.status-eyebrow{display:block;color:#9a8272;font-size:11px}.status-title{display:block;margin-top:4px;color:#4d3b31;font-size:17px;font-weight:900}.status-desc{display:block;margin-top:5px;color:#8d7669;font-size:12px;line-height:1.6}.status-tag{padding:4px 8px;border-radius:499.5px;font-size:11px;font-weight:800}.status-tag.active{background:rgba(105,169,132,.13);color:#5f9c7d}.status-tag.idle{background:rgba(217,106,114,.12);color:#d96a72}
.hero-card{position:relative;margin:0 12px;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(80,91,120,.18)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(255,224,166,.32),transparent 30%),linear-gradient(135deg,#d98774,#76aaa2)}.hero-content{position:relative;z-index:1;padding:18px 16px;color:#fff}.hero-icon{font-size:16px;font-weight:900}.hero-badge-wrap{padding:2.5px 7px;border-radius:499.5px;background:rgba(255,255,255,.22)}.hero-badge{font-size:10px;font-weight:800}.hero-name{display:block;font-size:19px;font-weight:900}.hero-desc{display:block;margin-top:4px;font-size:12px;opacity:.86}.hero-price-row{display:flex;align-items:baseline;gap:3px;margin:12px 0}.hero-price{font-size:35px;font-weight:950}.hero-period{font-size:13px;opacity:.86}.hero-original{margin-left:6px;font-size:13.5px;text-decoration:line-through;opacity:.58}.hero-features{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:15px}.hero-feat{display:flex;align-items:center;gap:5px;min-width:44%}.feat-dot{width:4px;height:4px;border-radius:50%;background:#fff}.feat-text{font-size:11.5px}.hero-btn{height:41px;line-height:41px;border-radius:12px;text-align:center;background:rgba(255,255,255,.22);font-size:15px;font-weight:900}
.plans-section,.faq-section{padding:18px 12px 0}.section-title{display:block;margin-bottom:10px;color:#4d3b31;font-size:16px;font-weight:900}.plans-list{display:flex;flex-direction:column;gap:9px}.plan-card{position:relative;padding:14px 12px;border-radius:15px}.plan-card-active{border-color:#d96a72;background:rgba(255,248,246,.9)}.plan-rec{position:absolute;top:0;right:12px;padding:3px 8px;border-radius:0 0 7px 7px;background:#d96a72;color:#fff;font-size:10px;font-weight:800}.plan-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ffe6dc,#eef9ef);color:#c9675e;font-size:11px;font-weight:900}.plan-name{display:block;color:#4d3b31;font-size:15px;font-weight:900}.plan-desc{display:block;margin-top:2px;color:#8d7669;font-size:11.5px}.plan-price-row{display:flex;align-items:baseline;gap:3px;margin-bottom:9px}.plan-price{color:#4d3b31;font-size:26px;font-weight:950}.plan-price-unit,.plan-original{color:#9a8272;font-size:12px}.plan-original{text-decoration:line-through;margin-left:5px}.plan-features{padding-top:8px;border-top:0.5px solid rgba(154,130,114,.12);margin-bottom:9px}.plan-feat{display:flex;gap:5px;padding:3.5px 0}.plan-feat-check{color:#69a984;font-weight:900}.plan-feat-text{color:#7d6b60;font-size:12px}.plan-check{display:flex;gap:4px;margin-bottom:7px;color:#d96a72;font-size:12px;font-weight:800}.plan-action-btn{height:36px;line-height:36px;border-radius:11px;text-align:center;background:rgba(217,106,114,.1);color:#d96a72;font-size:13px;font-weight:850}.plan-action-btn-active{background:linear-gradient(135deg,#ec9a82,#d96a72);color:#fff}
.faq-item{margin-bottom:7px;border-radius:13px;overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:13px 12px}.faq-q-text{flex:1;color:#4d3b31;font-size:13.5px;font-weight:850}.faq-arrow{color:#9a8272;font-size:18px;transition:.25s}.faq-arrow-open{transform:rotate(90deg)}.faq-a-text{color:#8d7669;font-size:12.5px;line-height:1.7}.footer-safe{padding:19px 16px 10px;text-align:center}.footer-safe-text{color:#a08d82;font-size:11px}
.monthly-service-card{margin:18px 12px 0;padding:15px 13px;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#eefaf4);border:0.5px solid rgba(255,224,188,.9);box-shadow:0 9px 23px rgba(154,112,82,.1)}
.monthly-service-head{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px}
.monthly-service-badge{padding:3.5px 8px;border-radius:499.5px;background:#fff;color:#c27145;font-size:10.5px;font-weight:900}
.monthly-service-price{color:#6b8f74;font-size:11.5px;font-weight:900}
.monthly-service-title{display:block;color:#4d3b31;font-size:18px;font-weight:950}
.monthly-service-desc{display:block;margin-top:6px;color:#7d6b60;font-size:12.5px;line-height:1.7}
.monthly-service-list{margin-top:9px;display:grid;gap:5px}
.monthly-service-item{display:flex;gap:5px;color:#6f6258;font-size:12px;line-height:1.55}
.monthly-service-check{color:#69a984;font-weight:900}
.monthly-service-btn{height:38px;line-height:38px;margin-top:11px;border-radius:12px;background:linear-gradient(135deg,#ec9a82,#d96a72);color:#fff;text-align:center;font-size:13.5px;font-weight:900}
.monthly-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.monthly-actions button{height:34px;line-height:34px;border-radius:499.5px;background:#fff;color:#6b4b3e;font-size:11.5px;font-weight:900;padding:0}
.monthly-actions button::after{border:0}
.service-section,.orders-section{padding:18px 12px 0}
.service-card,.orders-section{background:rgba(255,255,255,.82);border:0.5px solid rgba(255,255,255,.76);box-shadow:0 9px 23px rgba(154,112,82,.1);backdrop-filter:blur(7px)}
.service-card{display:block;margin-bottom:7px;padding:13px 12px;border-radius:14px}
.service-card-title{display:block;color:#4d3b31;font-size:14px;font-weight:900}
.service-card-desc{display:block;margin-top:4px;color:#8d7669;font-size:12px;line-height:1.6}
.orders-section{margin:18px 12px 0;padding:14px 12px;border-radius:16px}
.order-row{display:flex;justify-content:space-between;gap:9px;padding:11px 0;border-bottom:0.5px solid rgba(154,130,114,.12)}
.order-row:last-child{border-bottom:0}
.order-title{display:block;color:#4d3b31;font-size:13.5px;font-weight:900}
.order-desc{display:block;margin-top:3px;color:#8d7669;font-size:11.5px}
.order-price{color:#d96a72;font-size:14px;font-weight:900}
.order-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.order-refund-btn{height:26px;border:0;border-radius:999px;background:#fff1f1;color:#d94a55;font-size:12px;font-weight:900;padding:0 10px}
.empty-order{padding:14px 0;color:#8d7669;font-size:12px;line-height:1.7}


.status-tag,.hero-badge-wrap,.plan-rec,.monthly-service-badge{min-height:22px;padding:4px 9px;border-radius:499.5px;font-size:11px;font-weight:900;box-sizing:border-box}
.status-tag.active{background:#EAF8EF;color:#24A26B}
.status-tag.idle{background:#F2F5F8;color:#667386}
.plan-action-btn,.plan-action-btn-active,.hero-btn,.monthly-service-btn{display:flex!important;align-items:center!important;justify-content:center!important;line-height:normal!important;border-radius:499.5px!important;background:#24A26B!important;color:#fff!important;box-shadow:none!important}
.plan-card-active{border-color:#24A26B;background:#fff}
.plan-check{color:#24A26B}
.plan-card[data-plan="basic"] .plan-check,.plan-card[data-plan="basic"] .plan-action-btn{display:none!important}