.membership-heading{padding:54px 0 42px;background:linear-gradient(110deg,#100820,#241240);border-bottom:1px solid #34234f}
.membership-heading nav{color:#c2b5d4;font-size:14px;margin-bottom:18px}
.membership-heading nav span{margin-left:10px}
.membership-heading h1{font-size:36px;font-weight:800;margin:0 0 12px;color:#fff}
.membership-heading p{color:#c2b5d4;margin:0;font-size:16px}
.membership-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.membership-actions .plan-button{min-width:140px;text-align:center}
.membership-actions .membership-login{background:transparent;border:1px solid #fb668e}
.membership-actions .membership-login:hover{background:#382047}
.membership-content{padding-top:48px;padding-bottom:48px}
.plans-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.plan-card.membership-plan-list{background:linear-gradient(145deg,#291749,#1b1033);border:1px solid #382451;padding:0 0 24px;margin:0;transition:transform .2s,border-color .2s}
.plan-card:hover{transform:translateY(-4px);border-color:#fd0575}
.plan-card h2{font-size:20px;font-weight:800;color:white;background:linear-gradient(100deg,#ff8508,#fd0575);padding:17px 8px;margin:0 0 28px}
.plan-price{font-size:34px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:22px}
.plan-price span{font-size:23px}
.plan-duration{font-size:18px;font-weight:700;color:#fff;margin-bottom:15px}
.plan-devices{font-size:14px;color:#cfc3df;margin-bottom:27px}
.plan-devices i{margin-right:6px;color:#f98bb9}
.plan-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(100deg,#ff8508,#fd0575);color:#fff;border:0;border-radius:6px;padding:12px 22px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;min-height:46px}
.plan-button:hover{color:#fff;filter:brightness(1.12)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffc068;outline-offset:4px}
.coupon-panel.apply-coupon-code{background:#1f1340;border:1px solid #382451;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;text-align:left;margin:32px 0 0;padding:30px}
.coupon-panel h2{font-size:23px;font-weight:800;color:#fff;margin-bottom:8px}
.coupon-panel p{color:#c2b5d4;margin:0}
.coupon-label{display:block;color:#e3dbea;font-size:13px;margin-bottom:8px}
.coupon-controls{display:flex;gap:12px}
.coupon-controls input{min-width:0;flex:1;background:#140b29;border:1px solid #503873;border-radius:6px;padding:12px;color:white;font:inherit}
.coupon-controls input::placeholder{color:#b5a5ca}
#coupon-status:not(:empty){margin-top:12px;font-size:14px}
.footer-area{background:#170f2c}
@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coupon-panel.apply-coupon-code{grid-template-columns:1fr}}
@media(max-width:700px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.membership-heading{padding:30px 0}.membership-heading h1{font-size:28px}.membership-content{padding-top:28px}.plan-price{font-size:28px}.plan-card h2{font-size:18px}.plan-button{padding:12px 16px}.coupon-panel.apply-coupon-code{padding:22px}.coupon-controls{flex-direction:column}}
@media(max-width:380px){.plans-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.plan-card.membership-plan-list{transition:none}.plan-card:hover{transform:none}}

.membership-heading .breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:0}