/* V96 — homepage member card: shake, vibrate, illuminate */
#rewards .loyalty-card-wrap{
  position:relative;
  isolation:isolate;
}
#rewards .loyalty-card-wrap::before{
  content:"";
  position:absolute;
  inset:8% 3% 13%;
  z-index:-1;
  border-radius:34px;
  background:radial-gradient(circle at 50% 50%,rgba(239,38,54,.42),rgba(239,38,54,.12) 42%,transparent 72%);
  filter:blur(24px);
  opacity:.55;
  animation:homeMemberHalo 2.6s ease-in-out infinite;
  pointer-events:none;
}
#rewards .loyalty-card{
  transform-origin:50% 55%;
  will-change:transform,filter,box-shadow;
  animation:
    homeMemberEntrance .9s cubic-bezier(.16,.88,.2,1.08) both,
    homeMemberEnergy 4.6s .95s ease-in-out infinite!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.13),
    0 0 28px rgba(239,38,54,.18);
}
#rewards .loyalty-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.48) 22%,rgba(239,38,54,.85) 42%,transparent 63%);
  background-size:240% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:homeMemberBorderSweep 3.4s linear infinite;
}
#rewards .loyalty-card-top img{
  filter:drop-shadow(0 0 12px rgba(239,38,54,.35));
  animation:homeMemberLogoPulse 2.2s ease-in-out infinite;
}
#rewards .points-display strong{
  text-shadow:0 0 18px rgba(255,255,255,.2),0 0 32px rgba(239,38,54,.22);
  animation:homeMemberPointsGlow 2.5s ease-in-out infinite;
}

@keyframes homeMemberEntrance{
  0%{opacity:0;transform:translate3d(0,48px,0) scale(.92) rotateX(8deg)}
  70%{opacity:1;transform:translate3d(0,-6px,0) scale(1.015) rotateX(0)}
  100%{opacity:1;transform:none}
}
@keyframes homeMemberEnergy{
  0%,8%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);filter:brightness(1);box-shadow:0 28px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.13),0 0 26px rgba(239,38,54,.18)}
  10%{transform:translate3d(-8px,0,0) rotate(-.7deg) scale(1.008);filter:brightness(1.06)}
  12%{transform:translate3d(9px,0,0) rotate(.7deg) scale(1.012)}
  14%{transform:translate3d(-7px,0,0) rotate(-.55deg) scale(1.01)}
  16%{transform:translate3d(7px,0,0) rotate(.5deg) scale(1.012)}
  18%{transform:translate3d(-5px,0,0) rotate(-.35deg) scale(1.01)}
  20%{transform:translate3d(5px,0,0) rotate(.3deg) scale(1.012)}
  22%{transform:translate3d(-3px,0,0) rotate(-.18deg) scale(1.008)}
  24%{transform:translate3d(3px,0,0) rotate(.15deg) scale(1.006)}
  28%{transform:translate3d(0,-5px,0) rotate(0) scale(1.018);filter:brightness(1.11);box-shadow:0 34px 82px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.2),0 0 48px rgba(239,38,54,.48)}
  44%{transform:translate3d(0,0,0) scale(1)}
  62%{transform:translate3d(0,-4px,0) scale(1.012);filter:brightness(1.07);box-shadow:0 32px 76px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.17),0 0 42px rgba(239,38,54,.36)}
  78%{transform:translate3d(0,0,0) scale(1)}
}
@keyframes homeMemberHalo{
  0%,100%{opacity:.38;transform:scale(.9)}
  50%{opacity:.9;transform:scale(1.09)}
}
@keyframes homeMemberBorderSweep{to{background-position:-240% 0}}
@keyframes homeMemberLogoPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(239,38,54,.25))}
  50%{transform:scale(1.035);filter:drop-shadow(0 0 22px rgba(239,38,54,.65))}
}
@keyframes homeMemberPointsGlow{
  0%,100%{filter:brightness(1);transform:scale(1)}
  50%{filter:brightness(1.16);transform:scale(1.025)}
}

@media(max-width:700px){
  #rewards .loyalty-card-wrap::before{inset:10% 1% 15%;filter:blur(18px)}
  #rewards .loyalty-card{animation:homeMemberEntrance .8s cubic-bezier(.16,.88,.2,1.08) both,homeMemberEnergyMobile 4.8s .86s ease-in-out infinite!important}
  @keyframes homeMemberEnergyMobile{
    0%,8%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);filter:brightness(1);box-shadow:0 22px 50px rgba(0,0,0,.58),0 0 24px rgba(239,38,54,.18)}
    10%{transform:translate3d(-4px,0,0) rotate(-.32deg) scale(1.004)}
    12%{transform:translate3d(5px,0,0) rotate(.32deg) scale(1.007)}
    14%{transform:translate3d(-4px,0,0) rotate(-.25deg) scale(1.006)}
    16%{transform:translate3d(4px,0,0) rotate(.22deg) scale(1.007)}
    18%{transform:translate3d(-3px,0,0) rotate(-.16deg) scale(1.005)}
    20%{transform:translate3d(3px,0,0) rotate(.14deg) scale(1.006)}
    23%{transform:translate3d(0,-3px,0) scale(1.012);filter:brightness(1.1);box-shadow:0 28px 64px rgba(0,0,0,.62),0 0 38px rgba(239,38,54,.45)}
    42%{transform:none}
    64%{transform:translate3d(0,-2px,0) scale(1.008);filter:brightness(1.06);box-shadow:0 25px 58px rgba(0,0,0,.6),0 0 32px rgba(239,38,54,.32)}
    78%{transform:none}
  }
}

@media(prefers-reduced-motion:reduce){
  #rewards .loyalty-card,#rewards .loyalty-card::after,#rewards .loyalty-card-wrap::before,#rewards .loyalty-card-top img,#rewards .points-display strong{animation:none!important}
}