.wallet-pass{position:relative;width:400px;height:278px;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 35px 80px rgba(0,0,0,.36);font-family:var(--body);transform:rotate(4deg);isolation:isolate}.wallet-pass:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 24%,transparent 72%,rgba(255,255,255,.05));mix-blend-mode:screen}.wallet-pass .fc-head{height:58px;padding:14px 20px;align-items:center}.wallet-pass .fc-head b{display:flex;align-items:center;gap:8px;font:800 13px var(--display);letter-spacing:.9px}.wallet-pass .fc-head span{text-align:right;font-size:14px}.wallet-pass .fc-head small{display:block;font-size:7px;letter-spacing:1.2px;opacity:.65}.pass-logo{display:inline-block;width:18px;height:18px;border:5px solid var(--mint);border-radius:50%;border-right-color:transparent}.wallet-pass .fc-image{height:87px}.wallet-pass .fc-stamps{padding:12px 18px}.wallet-pass .fc-foot{height:56px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between}.wallet-pass .fc-foot span{display:block}.wallet-pass .fc-foot b{display:block;font-size:13px}.pass-barcode{display:block;width:64px;height:25px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 7px);opacity:.7}

.points-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#5a1692,#33105f)!important;color:#fff!important}.points-card .pass-top,.cashback-card .pass-top,.membership-card .pass-top,.coupon-card .pass-top{height:62px;padding:15px 21px;display:flex;align-items:center;justify-content:space-between}.pass-brand{display:flex;align-items:center;gap:8px;font:800 13px var(--display);letter-spacing:1px}.pass-brand:before{content:"";width:18px;height:18px;border:5px solid var(--mint);border-radius:50%;border-right-color:transparent}.pass-balance{text-align:right}.pass-balance small{display:block;font-size:7px;letter-spacing:1.1px;opacity:.65}.pass-balance strong{font:700 21px var(--display)}.points-visual{position:relative;height:94px;overflow:hidden;padding:19px 21px;background:radial-gradient(circle at 85% 5%,rgba(250,197,28,.35),transparent 31%),linear-gradient(135deg,#7626bb,#50138d)}.points-visual:before,.points-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.points-visual:before{width:140px;height:140px;right:-32px;top:-45px}.points-visual:after{width:88px;height:88px;right:-5px;top:-20px}.points-visual small{display:block;opacity:.7;font-size:8px;letter-spacing:1px}.points-visual b{display:block;margin-top:4px;font:700 18px var(--display)}.points-progress{padding:14px 21px;background:#fff;color:#301050;flex:1}.progress-label{display:flex;justify-content:space-between;align-items:end}.progress-label span{font-size:9px;color:#73558b}.progress-label b{font-size:11px}.pass-meter{height:7px;margin:9px 0 6px;border-radius:8px;background:#e8dbf1;overflow:hidden}.pass-meter i{display:block;width:68%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--mint),#ffdc61)}.meter-note{font-size:8px;color:#836e92}

.cashback-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#075d4f,#063c37)!important;color:#fff!important}.cashback-card .pass-brand:before{border-color:#fff;border-right-color:transparent}.cashback-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px 22px;background:linear-gradient(125deg,#0a806a,#075447)}.cashback-amount small,.member-detail small{display:block;font-size:8px;letter-spacing:1px;opacity:.65}.cashback-amount strong{display:block;font:700 37px var(--display);letter-spacing:-1.5px}.cashback-rate{width:74px;height:74px;display:grid;place-content:center;text-align:center;border:7px solid rgba(255,255,255,.18);border-top-color:var(--mint);border-right-color:var(--mint);border-radius:50%;transform:rotate(10deg)}.cashback-rate b,.cashback-rate small{transform:rotate(-10deg)}.cashback-rate b{font:700 17px var(--display)}.cashback-rate small{font-size:7px}.cashback-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 21px;color:#d8eee9}.cashback-foot span small{display:block;font-size:7px;opacity:.7}.cashback-foot span b{font-size:12px}.cashback-foot .use-pill{padding:8px 11px;border-radius:999px;background:var(--mint);color:#173d34;font-size:8px;font-weight:800}

.membership-card{background:linear-gradient(135deg,#101419,#28313b)!important;color:#fff!important}.membership-card:before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border:1px solid rgba(250,197,28,.35);border-radius:50%;box-shadow:0 0 0 28px rgba(250,197,28,.05),0 0 0 58px rgba(250,197,28,.035)}.membership-card .pass-brand:before{border-color:var(--mint);border-right-color:transparent}.member-main{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:23px 21px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.member-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--mint),#9e7410);color:#151719;font:800 17px var(--display)}.member-detail b{display:block;margin-top:4px;font:700 15px var(--display)}.member-tier{text-align:right}.member-tier small{display:block;color:#bca774;font-size:7px;letter-spacing:1px}.member-tier strong{font:700 25px var(--display);color:var(--mint)}.member-benefits{position:relative;z-index:1;display:flex;gap:8px;padding:17px 21px}.member-benefits span{padding:7px 10px;border:1px solid rgba(250,197,28,.28);border-radius:999px;color:#f1dfae;font-size:8px}.member-code{position:absolute;right:20px;bottom:14px;width:52px;height:20px;background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 3px);opacity:.65}

.coupon-card{background:#fff8e8!important;color:#251b08!important}.coupon-card .pass-top{background:var(--mint);color:#171203}.coupon-card .pass-brand:before{border-color:#171203;border-right-color:transparent}.coupon-body{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;min-height:134px;padding:18px 22px;border-bottom:2px dashed #d7c9a8}.coupon-value strong{display:block;font:800 46px/1 var(--display);letter-spacing:-3px;color:#d94b3f}.coupon-value span{display:block;margin-top:6px;font-size:9px;text-transform:uppercase;letter-spacing:1.1px}.coupon-copy{padding-left:20px;border-left:1px solid #e0d5bc}.coupon-copy small{font-size:8px;color:#87785a}.coupon-copy b{display:block;margin:6px 0;font:700 15px var(--display)}.coupon-copy p{margin:0;font-size:9px;line-height:1.4;color:#6b604a}.coupon-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 21px}.coupon-code{font:800 11px var(--display);letter-spacing:2px}.coupon-status{padding:6px 9px;border-radius:999px;background:#e5f5ed;color:#11704e;font-size:8px;font-weight:800}

@media(max-width:620px){.wallet-pass{width:320px;height:230px}.wallet-pass .fc-head,.points-card .pass-top,.cashback-card .pass-top,.membership-card .pass-top,.coupon-card .pass-top{height:50px;padding:10px 15px}.wallet-pass .fc-image{height:70px}.wallet-pass .fc-stamps{padding:9px 14px}.wallet-pass .fc-foot{height:48px;padding:8px 14px}.points-visual{height:74px;padding:13px 16px}.points-progress{padding:10px 16px}.cashback-main{padding:13px 17px}.cashback-amount strong{font-size:30px}.cashback-rate{width:58px;height:58px;border-width:5px}.cashback-foot{padding:10px 16px}.member-main{padding:16px}.member-benefits{padding:12px 16px}.member-code{display:none}.coupon-body{min-height:105px;padding:12px 16px}.coupon-value strong{font-size:38px}.coupon-foot{padding:9px 16px}}