.member-visual{position:relative;height:410px;display:flex;align-items:flex-start;padding-top:23px;min-width:0}.member-orbit{position:absolute;left:20px;top:15px;width:350px;height:350px;border-radius:50%;background:#dceeff80;box-shadow:0 0 0 28px #e8f3ff80}.member-card{position:relative;width:95%;height:270px;border:1px solid #6aaaff;border-radius:20px;padding:25px;background:linear-gradient(125deg,#1c86f9,#0062dc 70%,#0750be);box-shadow:0 27px 55px #0662cd26;overflow:hidden;transform:rotate(-5deg);color:#fff}.member-card:before{content:"";position:absolute;width:280px;height:280px;border:35px solid #ffffff08;border-radius:50%;right:-90px;top:-100px}.member-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff13;border-radius:50%;right:-70px;top:-30px}.member-card-top{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.member-card-top img{object-fit:contain;flex:none}.member-card-top span{font-size:10px;letter-spacing:1.8px;color:#d4eaff}.member-card-top i{font-size:24px;font-style:normal;color:#b4d7ff;margin-left:auto}.member-page main .member-card>h2{position:relative;z-index:1;font-size:18px;line-height:1.9;font-weight:500;max-width:65%;margin:20px 0 0;letter-spacing:0;color:#fff}.member-crown{position:absolute;width:155px;height:113px;right:12px;bottom:37px;object-fit:contain;filter:drop-shadow(0 10px 10px #0053ad33)}.member-card-lines{position:relative;z-index:1;width:44%;display:grid;gap:11px;margin-top:23px}.member-card-lines span{height:5px;background:#a6d0ff80;border-radius:3px}.member-card-lines span:last-child{width:65%;background:#c2e0ff66}.member-card-dots{position:absolute;bottom:25px;left:25px;font-size:8px;letter-spacing:2px;color:#add3ff}.member-benefits{position:absolute;right:-7px;bottom:4px;padding:17px 20px;background:#fff;border:1px solid #e5effe;border-radius:14px;box-shadow:0 16px 36px #176aca13;min-width:235px;max-width:87%;display:grid;gap:11px;transform:rotate(2deg)}.member-benefits>div{display:flex;align-items:center;gap:10px}.member-benefits>div>span{background:#e9f4ff;color:#0a74ee;width:22px;height:22px;display:grid;place-items:center;font-size:11px;border-radius:50%;flex:none}.member-benefits strong{font-size:13px;color:#6787ad;font-weight:500;line-height:1.9}.member-visual-note{position:absolute;bottom:-26px;left:0;font-size:10px;color:#8ea5bf;line-height:1.9;margin:0!important}.member-page:lang(my) main .member-card>h2{font-size:14px;line-height:2}.member-page:lang(my) .member-benefits strong{font-size:12px}.member-page:lang(my) .member-visual{height:445px}.member-page:lang(en) main .member-card>h2{font-size:17px}
@media(max-width:1100px){.member-visual{height:410px}.member-card{height:265px;padding:22px;width:96%}.member-card-top span{font-size:8px}.member-page main .member-card>h2{font-size:17px;max-width:68%}.member-crown{width:130px;height:95px;right:5px;bottom:37px}.member-benefits{padding:16px;min-width:215px;right:-4px}.member-benefits strong{font-size:12px}.member-orbit{width:280px;height:280px;left:8px}.member-page:lang(my) .member-visual{height:455px}.member-page:lang(my) .member-benefits strong{font-size:11px}}
@media(max-width:800px){.member-visual{width:100%;max-width:520px;height:410px;justify-self:center;padding-top:15px}.member-card{width:94%;height:275px;padding:25px}.member-crown{width:165px;height:120px;right:10px}.member-orbit{width:330px;height:330px;left:25px;top:20px}.member-benefits{right:0;bottom:0;padding:18px 22px;min-width:245px}.member-benefits strong{font-size:14px}.member-page main .member-card>h2{font-size:19px}.member-page:lang(my) .member-visual{height:430px}.member-page:lang(my) .member-benefits strong{font-size:12px}}
@media(max-width:620px){.member-visual{height:345px;max-width:370px;padding-top:12px}.member-card{width:96%;height:220px;border-radius:16px;padding:19px}.member-card-top img{width:25px;height:25px}.member-card-top span{font-size:7px;letter-spacing:1.2px}.member-card-top i{font-size:20px}.member-page main .member-card>h2{font-size:15px;line-height:1.8;margin-top:17px;max-width:70%}.member-crown{width:115px;height:84px;right:4px;bottom:29px}.member-card-lines{gap:8px;margin-top:17px}.member-card-lines span{height:4px}.member-card-dots{bottom:20px;left:19px;font-size:6px;letter-spacing:1.6px}.member-benefits{padding:13px 16px;border-radius:12px;min-width:200px;max-width:92%;gap:9px;bottom:0;right:0}.member-benefits strong{font-size:11px}.member-benefits>div>span{width:19px;height:19px;font-size:10px}.member-visual-note{font-size:9px;bottom:-24px}.member-orbit{width:245px;height:245px;left:15px;top:10px;box-shadow:0 0 0 22px #e8f3ff80}.member-page:lang(my) main .member-card>h2{font-size:11px;line-height:2}.member-page:lang(my) .member-benefits strong{font-size:10px}.member-page:lang(my) .member-visual{height:360px}.member-page:lang(en) main .member-card>h2{font-size:14px}.member-page:lang(en) .store-hero h1{font-size:30px}}