.loyalty-rewards{--p:#6d35c6;--ink:#2b2540;--muted:#81778f;position:relative;isolation:isolate;overflow:hidden;padding-block:64px;background:linear-gradient(180deg,var(--color-bg-primary),#f9f7fe 50%,var(--color-bg-primary))}.loyalty-rewards__ambient{position:absolute;z-index:-1;top:18%;left:8%;width:min(70vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgb(124 58 237 / .11),transparent 68%);filter:blur(12px)}.loyalty-rewards__header{max-width:720px;margin:0 auto 18px;padding:0;text-align:center}.loyalty-rewards__header .section-badge{margin-inline:auto}.loyalty-rewards__header h2{max-width:720px;margin-inline:auto;text-align:center}.loyalty-rewards__header p{max-width:700px;margin:18px auto 0;text-align:center}.loyalty-rewards__header h2 span{color:var(--color-brand-500)}.loyalty-rewards__header .features-animated-icon{width:17px;height:17px}.loyalty-rewards__experience{position:relative;display:grid;direction:ltr;grid-template-columns:520px minmax(0,1fr);gap:56px;align-items:center;max-width:1200px;margin:auto}.loyalty-rewards__product-wrap,.loyalty-capabilities{direction:rtl}.loyalty-rewards__product-wrap{position:relative;display:grid;place-items:center;min-height:643px}.loyalty-rewards__orbit{position:absolute;z-index:1;left:50%;top:50%;width:480px;height:530px;border:1px solid rgb(124 58 237 / .23);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none;animation:loyalty-orbit-drift 14s linear infinite}.loyalty-rewards__orbit--one{background:radial-gradient(ellipse,rgb(124 58 237 / .08),transparent 68%)}.loyalty-rewards__orbit--two{width:390px;height:475px;border-color:rgb(124 58 237 / .1);opacity:.55;transform:translate(-50%,-50%) rotate(8deg);animation-duration:17s;animation-direction:reverse}.loyalty-wallet{z-index:2}.loyalty-wallet{position:relative;z-index:2;width:350px;padding:14px;border:1px solid rgb(124 58 237 / .23);border-radius:31px;background:linear-gradient(145deg,#fff,#f9f6ff 46%,#f2ecff);box-shadow:0 23px 50px rgb(70 39 135 / .18),0 6px 14px rgb(70 39 135 / .08),inset 0 1px #fff;color:var(--ink)}.loyalty-wallet:before{content:"";position:absolute;inset:1px;border:1px solid rgb(255 255 255 / .72);border-radius:30px;pointer-events:none}.loyalty-wallet__topbar,.loyalty-wallet__title,.loyalty-wallet__progress-head,.loyalty-wallet__rewards-head{display:flex;align-items:center;justify-content:space-between}.loyalty-wallet__topbar{gap:8px;padding-bottom:10px;border-bottom:1px solid rgb(124 58 237 / .11);justify-content:flex-start}.loyalty-wallet__brand,.loyalty-wallet__bell,.loyalty-reward__visual,.loyalty-event__icon,.loyalty-capability__icon{display:grid;place-items:center}.loyalty-wallet__brand{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#9f7aec,#6230c4);color:#fff;font-weight:800}.loyalty-wallet__topbar div,.loyalty-reward span:nth-child(2),.loyalty-wallet__receipt div,.loyalty-event div{display:grid;gap:1px;min-width:0}.loyalty-wallet__topbar strong{font-size:.82rem}.loyalty-wallet__topbar small,.loyalty-wallet__title small,.loyalty-wallet__progress small,.loyalty-reward small,.loyalty-wallet__receipt small{color:var(--muted);font-size:.66rem}.loyalty-wallet__bell{width:30px;height:30px;margin-inline-start:auto;border-radius:9px;color:var(--color-brand-500);background:rgb(124 58 237 / .09)}.loyalty-wallet__bell .features-animated-icon{width:18px;height:18px}.loyalty-wallet__title{align-items:end;margin:11px 2px 8px}.loyalty-wallet__title h3{margin:2px 0 0;font-size:1.22rem}.loyalty-wallet__live{display:inline-flex;gap:5px;align-items:center;color:#16865b;font-size:.65rem;font-weight:800}.loyalty-wallet__live i{width:6px;height:6px;border-radius:50%;background:#20a46c}.loyalty-wallet__balance{position:relative;overflow:hidden;padding:15px 18px 12px;border-radius:19px;background:linear-gradient(122deg,#4e1ca2,#7040cc 58%,#a080ec 125%);box-shadow:0 14px 25px rgb(87 38 181 / .26);color:#fff}.loyalty-wallet__balance:after{content:"";position:absolute;left:68%;top:-75%;width:150px;aspect-ratio:1;border:1px solid rgb(255 255 255 / .25);border-radius:50%}.loyalty-wallet__balance-icon{position:absolute;top:13px;left:14px;width:38px;height:38px;border:1px solid rgb(255 255 255 / .24);border-radius:11px;background:rgb(255 255 255 / .12)}.loyalty-wallet__balance-icon .features-animated-icon{width:22px;height:22px}.loyalty-wallet__balance small{display:block;position:relative;z-index:1;color:rgb(255 255 255 / .8);font-size:.72rem}.loyalty-wallet__balance>strong{display:block;position:relative;z-index:1;margin:2px 0 6px;font-size:2.3rem;line-height:.97}.loyalty-wallet__balance em{font-size:.82rem;font-style:normal;font-weight:600}.loyalty-wallet__earned{display:inline-flex;position:relative;z-index:1;gap:5px;align-items:center;padding:4px 7px;border-radius:7px;background:rgb(255 255 255 / .13);font-size:.63rem}.loyalty-wallet__earned .features-animated-icon{width:13px;height:13px}.loyalty-wallet__progress{padding:9px 3px 7px}.loyalty-wallet__progress-head span{color:var(--muted);font-size:.7rem}.loyalty-wallet__progress-head strong{color:var(--color-brand-600);font-size:.84rem}.loyalty-wallet__track{height:7px;margin:6px 0 4px;overflow:hidden;border-radius:999px;background:rgb(124 58 237 / .11)}.loyalty-wallet__track i{display:block;width:83%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a889ef,#6730cf);transform:scaleX(0);transform-origin:right}.loyalty-wallet__rewards-head{margin:7px 3px 6px}.loyalty-wallet__rewards-head strong{font-size:.84rem}.loyalty-wallet__rewards-head span{color:#897f9a;font-size:.64rem}.loyalty-wallet__rewards{display:grid;gap:4px}.loyalty-reward{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:49px;padding:6px;border:1px solid rgb(124 58 237 / .13);border-radius:12px;background:rgb(255 255 255 / .74);color:inherit;font:inherit;text-align:right;box-shadow:0 5px 11px rgb(56 31 112 / .05);cursor:default;opacity:0;transform:translateY(8px);transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.loyalty-reward__visual{width:35px;height:35px;overflow:hidden;border-radius:10px;color:#7a42d4;background:#e9dcff;font-weight:800}.loyalty-reward--coffee .loyalty-reward__visual{color:#8a553a;background:#f0d8c8}.loyalty-reward--discount .loyalty-reward__visual{color:#16865b;background:#d7f0e2;font-size:1rem}.loyalty-reward__visual img{width:100%;height:100%;object-fit:cover}.loyalty-reward__visual .features-animated-icon{width:19px;height:19px}.loyalty-reward b{font-size:.7rem}.loyalty-reward em{padding:3px 5px;border-radius:6px;color:var(--color-brand-600);background:rgb(124 58 237 / .08);font-size:.57rem;font-style:normal;font-weight:800}.loyalty-wallet__action{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 12px;border:0;border-radius:12px;background:linear-gradient(105deg,#4f1da5,#7540d1 66%,#8e62df);box-shadow:0 9px 17px rgb(86 34 177 / .25);color:#fff;font:inherit;cursor:default;transition:transform .22s,box-shadow .22s}.loyalty-wallet__action .features-animated-icon{width:18px;height:18px}.loyalty-wallet__action strong{flex:1;font-size:.78rem}.loyalty-wallet__receipt{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;margin-top:7px;padding:7px 3px 0;border-top:1px solid rgb(124 58 237 / .11)}.loyalty-wallet__receipt>.features-animated-icon{width:17px;height:17px;color:#16865b}.loyalty-wallet__receipt b{font-size:.67rem}.loyalty-wallet__receipt>strong{color:#16865b;font-size:.7rem}.loyalty-event{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;width:160px;padding:9px 10px;border:1px solid rgb(124 58 237 / .18);border-radius:12px;background:rgb(255 255 255 / .94);box-shadow:0 13px 27px rgb(57 32 116 / .13);opacity:0;transform:translateY(9px);transition:transform .22s,border-color .22s,box-shadow .22s}.loyalty-event:after{content:"";position:absolute;width:26px;height:1px;background:rgb(124 58 237 / .42)}.loyalty-event:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#9c7ae6}.loyalty-event__icon{flex:0 0 29px;width:29px;height:29px;border-radius:9px;color:#7440ce;background:#eee5ff}.loyalty-event__icon .features-animated-icon{width:17px;height:17px}.loyalty-event b{font-size:.64rem}.loyalty-event small{color:#827990;font-size:.54rem;white-space:nowrap}.loyalty-event--earned{top:13%;left:-80px}.loyalty-event--available{top:27%;right:-80px}.loyalty-event--redeemed{bottom:20%;left:-80px}.loyalty-event--birthday{bottom:5%;right:-80px;opacity:.86}.loyalty-event--earned:after,.loyalty-event--redeemed:after{left:100%}.loyalty-event--available:after,.loyalty-event--birthday:after{right:100%}.loyalty-event--earned:before,.loyalty-event--redeemed:before{left:calc(100% + 24px);top:calc(50% - 2px)}.loyalty-event--available:before,.loyalty-event--birthday:before{right:calc(100% + 24px);top:calc(50% - 2px)}.loyalty-capabilities{padding-block:2px}.loyalty-capabilities__intro{margin:0 0 20px}.loyalty-capabilities__intro span{color:var(--color-brand-600);font-size:.82rem;font-weight:800}.loyalty-capabilities__intro p{max-width:38ch;margin:7px 0 0;color:var(--color-text-secondary);font-size:1rem;line-height:1.75}.loyalty-capabilities__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.loyalty-capability{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;min-height:116px;padding:15px 13px;border:1px solid rgb(124 58 237 / .14);border-radius:16px;background:rgb(255 255 255 / .66);box-shadow:0 9px 22px rgb(67 36 133 / .06);transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.loyalty-capability__icon{width:38px;height:38px;border-radius:11px;color:var(--color-brand-600);background:rgb(124 58 237 / .1)}.loyalty-capability__icon .features-animated-icon{width:23px;height:23px}.loyalty-capability h3{margin:0 0 5px;font-size:.94rem;line-height:1.35}.loyalty-capability p{margin:0;color:var(--color-text-secondary);font-size:.75rem;line-height:1.7}.loyalty-capability:nth-child(2n){transform:translateY(8px)}.loyalty-outcomes{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:42px auto 0;padding:22px 24px;border:1px solid rgb(255 255 255 / .2);border-radius:23px;background:linear-gradient(112deg,#4d1e9e,#713bcd 55%,#9870e4);box-shadow:0 22px 45px rgb(69 31 151 / .24);color:#fff}.loyalty-outcomes article{padding:4px 20px;text-align:center;transition:transform .22s,background .22s}.loyalty-outcomes article+article{border-inline-start:1px solid rgb(255 255 255 / .2)}.loyalty-outcomes .features-animated-icon{width:22px;height:22px;margin-bottom:6px;color:#e9ddff}.loyalty-outcomes strong{display:block;font-size:1.7rem;line-height:1}.loyalty-outcomes p{margin:7px 0 0;color:rgb(255 255 255 / .84);font-size:.7rem}.loyalty-rewards.is-loyalty-ready .loyalty-wallet{opacity:0;transform:translateY(13px)}.loyalty-rewards.is-loyalty-active .loyalty-wallet{opacity:1;transform:none;transition:opacity .32s,transform .32s cubic-bezier(.2,.85,.3,1)}.loyalty-rewards.is-loyalty-active .loyalty-wallet__track i{transform:scaleX(1);transition:transform .45s .65s cubic-bezier(.16,1,.3,1)}.loyalty-rewards.is-loyalty-active .loyalty-reward{opacity:1;transform:none}.loyalty-rewards.is-loyalty-active .loyalty-reward:nth-child(1){transition-delay:1.15s}.loyalty-rewards.is-loyalty-active .loyalty-reward:nth-child(2){transition-delay:1.27s}.loyalty-rewards.is-loyalty-active .loyalty-reward:nth-child(3){transition-delay:1.39s}.loyalty-rewards.is-loyalty-active .loyalty-event,.loyalty-rewards.is-loyalty-active .loyalty-capability{animation:loyalty-in .32s cubic-bezier(.2,.85,.3,1) forwards}.loyalty-rewards.is-loyalty-active .loyalty-event--earned{animation-delay:.95s}.loyalty-rewards.is-loyalty-active .loyalty-event--available{animation-delay:1.45s}.loyalty-rewards.is-loyalty-active .loyalty-event--redeemed{animation-delay:1.9s}.loyalty-rewards.is-loyalty-active .loyalty-event--birthday{animation-delay:2.1s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(1){animation-delay:1.85s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(2){animation-delay:1.95s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(3){animation-delay:2.05s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(4){animation-delay:2.15s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(5){animation-delay:2.25s}.loyalty-rewards.is-loyalty-active .loyalty-capability:nth-child(6){animation-delay:2.35s}.loyalty-rewards.is-loyalty-active .loyalty-outcomes{animation:loyalty-in .35s 2.3s both}@keyframes loyalty-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(hover:hover){.loyalty-event:hover,.loyalty-reward:hover,.loyalty-capability:hover{transform:translateY(-3px);border-color:rgb(124 58 237 / .38);box-shadow:0 15px 25px rgb(62 35 125 / .14)}.loyalty-wallet__action:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgb(86 34 177 / .34)}.loyalty-outcomes article:hover{transform:translateY(-3px);background:rgb(255 255 255 / .08)}}[data-theme="dark"] .loyalty-rewards{--ink:#f5f1ff;--muted:#b9b0ca;background:linear-gradient(180deg,var(--color-bg-primary),#18142a 48%,var(--color-bg-primary))}[data-theme="dark"] .loyalty-wallet{border-color:rgb(184 156 255 / .24);background:linear-gradient(145deg,#302a49,#211c36);box-shadow:0 28px 58px rgb(0 0 0 / .42)}[data-theme="dark"] .loyalty-reward{border-color:rgb(188 161 255 / .14);background:#382f53;color:#f7f3ff}[data-theme="dark"] .loyalty-event{border-color:rgb(188 161 255 / .2);background:#302a47;color:#f6f2ff}[data-theme="dark"] .loyalty-capability{border-color:rgb(188 161 255 / .14);background:rgb(167 139 250 / .07)}[data-theme="dark"] .loyalty-capabilities__intro p,[data-theme="dark"] .loyalty-capability p{color:#b9b0ca}@media(max-width:1100px){.loyalty-rewards__experience{grid-template-columns:340px minmax(0,1fr);gap:45px}.loyalty-wallet{width:340px}.loyalty-event{width:150px}.loyalty-event--earned,.loyalty-event--redeemed{left:-16%}.loyalty-event--available,.loyalty-event--birthday{right:-16%}}@media(max-width:767px){.loyalty-rewards__header{max-width:610px;padding:0;text-align:center}.loyalty-rewards__experience{grid-template-columns:1fr;max-width:610px;gap:18px}.loyalty-rewards__product-wrap{min-height:auto;padding-bottom:0}.loyalty-capabilities__intro{text-align:center}.loyalty-capabilities__intro p{margin-inline:auto}.loyalty-event{position:relative;inset:auto;width:auto;min-height:52px;opacity:0;margin:0;transform:translateY(8px)}.loyalty-event:before,.loyalty-event:after{display:none}.loyalty-event--earned{order:1}.loyalty-event--available{order:2}.loyalty-event--redeemed{order:3}.loyalty-event--birthday{order:4}.loyalty-rewards__product-wrap{display:flex;flex-direction:column;gap:7px}.loyalty-event--earned,.loyalty-event--available,.loyalty-event--redeemed,.loyalty-event--birthday{display:flex}.loyalty-rewards.is-loyalty-active .loyalty-event{opacity:1;transform:none}.loyalty-capabilities__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.loyalty-rewards{padding-block:50px}.loyalty-rewards__product-wrap{padding-inline:4px}.loyalty-wallet{width:calc(100% - 28px);padding:15px}.loyalty-capabilities__list{grid-template-columns:1fr}.loyalty-capability,.loyalty-capability:nth-child(2n){min-height:auto;transform:none;padding:12px}.loyalty-outcomes{grid-template-columns:repeat(2,1fr);margin-top:38px;padding:16px 9px}.loyalty-outcomes article+article{border:0}.loyalty-outcomes article:nth-child(odd){border-inline-end:1px solid rgb(255 255 255 / .18)}}@media(prefers-reduced-motion:reduce){.loyalty-rewards *,.loyalty-rewards:before,.loyalty-rewards:after{animation:none!important;transition:none!important}.loyalty-rewards .loyalty-wallet,.loyalty-rewards .loyalty-reward,.loyalty-rewards .loyalty-event,.loyalty-rewards .loyalty-capability,.loyalty-rewards .loyalty-outcomes{opacity:1;transform:none}.loyalty-wallet__track i{transform:scaleX(1)!important}}@keyframes loyalty-orbit-drift{from{opacity:.45;transform:translate(-50%,-50%) rotate(-8deg)}to{opacity:.62;transform:translate(-50%,-50%) rotate(8deg)}}@media(max-width:767px){.loyalty-rewards__orbit{width:calc(100% - 12px);height:500px}.loyalty-rewards__orbit--two{width:calc(100% - 42px);height:450px}}@media(prefers-reduced-motion:reduce){.loyalty-rewards__orbit{animation:none!important;opacity:.55}}@keyframes loyalty-orbit-breathe{from{opacity:.42}to{opacity:.62}}.loyalty-rewards__orbit{animation-name:loyalty-orbit-breathe!important;transform:translate(-50%,-50%) rotate(-3deg)}.loyalty-rewards__orbit--two{transform:translate(-50%,-50%) rotate(3deg);animation-name:loyalty-orbit-breathe!important;animation-duration:16s}