.zetpo-benefits{--zetpo-navy:#10233f;--zetpo-blue:#1b5f9e;--zetpo-gold:#f1b544}.zetpo-benefit-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.zetpo-benefit-heading span{color:#607086;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.zetpo-benefit-heading h2{margin:.2rem 0 0}.zetpo-discount-badge{display:inline-grid;place-items:center;min-width:76px;min-height:76px;border-radius:50%;background:var(--zetpo-gold);color:#10233f;font-size:1.35rem}.zetpo-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 24px}.zetpo-benefit-item{padding:14px 16px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}.zetpo-benefit-item span{color:#16865a;margin-right:8px}.zetpo-tier-progress{margin:20px 0}.zetpo-tier-progress>div{height:10px;overflow:hidden;border-radius:99px;background:#e9eef4}.zetpo-tier-progress>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--zetpo-blue),var(--zetpo-gold))}.zetpo-virtual-card{position:relative;box-sizing:border-box;max-width:620px;margin:28px 0;padding:30px;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#b9172d 0%,#ef233c 63%,#ff5a6c 100%);box-shadow:0 18px 45px rgba(89,24,33,.23)}.zetpo-virtual-card.theme-bronze{background:linear-gradient(135deg,#66351f 0%,#a8633b 60%,#d49a6a 100%)}.zetpo-virtual-card.theme-silver{color:#172033;background:linear-gradient(135deg,#9199a5 0%,#d8dde3 55%,#f5f7fa 100%);box-shadow:0 18px 45px rgba(61,70,84,.2)}.zetpo-virtual-card.theme-gold{color:#2c210d;background:linear-gradient(135deg,#9a6811 0%,#e6b63f 55%,#f8dc84 100%);box-shadow:0 18px 45px rgba(135,95,13,.23)}.zetpo-virtual-card:before{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-150px;border:48px solid rgba(255,255,255,.08);border-radius:50%}.zetpo-virtual-card:after{content:"";position:absolute;inset:auto -90px -150px auto;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.05)}.zetpo-card-top,.zetpo-card-body{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.zetpo-card-top small,.zetpo-card-brand{display:block}.zetpo-card-brand{font-size:1.65rem;font-weight:900;letter-spacing:.11em}.zetpo-card-top small{opacity:.78;font-size:.65rem;letter-spacing:.13em}.zetpo-card-top>strong{max-width:55%;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.09);font-size:.7rem;letter-spacing:.06em;text-align:right}.theme-silver .zetpo-card-top>strong,.theme-gold .zetpo-card-top>strong{border-color:rgba(23,32,51,.2);background:rgba(255,255,255,.25)}.zetpo-card-body{align-items:center;margin:36px 0 23px}.zetpo-cardholder-label{display:block;margin-bottom:5px;opacity:.72;font-size:.58rem;font-weight:800;letter-spacing:.12em}.zetpo-card-body h3{max-width:360px;margin:0 0 7px;color:inherit;font-size:1.2rem;line-height:1.25}.zetpo-card-body p{margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;letter-spacing:.08em}.zetpo-qr{width:112px;height:112px;border:7px solid #fff;border-radius:10px;background:#fff}.zetpo-barcode{position:relative;z-index:1;display:block;width:min(100%,430px);height:62px;padding:7px 12px;border-radius:9px;background:#fff}.zetpo-card-note{position:relative;z-index:1;margin:13px 0 0;font-size:.78rem;opacity:.82}.zetpo-virtual-card.is-inactive{filter:saturate(.4)}.zetpo-card-validation{min-height:65vh;display:grid;place-items:center;padding:40px 20px;background:#f4f7fa}.zetpo-card-validation-box{width:min(100%,480px);padding:42px 28px;text-align:center;border-radius:22px;background:#fff;box-shadow:0 18px 60px rgba(16,35,63,.12)}.zetpo-validation-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 22px;border-radius:50%;font-size:2.2rem;color:#fff}.is-valid .zetpo-validation-icon{background:#16865a}.is-invalid .zetpo-validation-icon{background:#bd2c39}.zetpo-card-validation-box code{display:inline-block;margin-top:10px}@media(max-width:520px){.zetpo-virtual-card{padding:22px}.zetpo-card-top{font-size:.9rem}.zetpo-card-top>strong{max-width:58%;font-size:.58rem}.zetpo-card-body{margin-top:27px}.zetpo-card-body h3{font-size:1rem}.zetpo-qr{width:92px;height:92px}.zetpo-discount-badge{min-width:62px;min-height:62px;font-size:1.05rem}}