.renewal-bonus{position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;padding:24px;margin:14px 0 4px;border:1px solid #ca83b1;border-radius:22px;background:radial-gradient(ellipse at 4% 10%,#763e6d99,transparent 65%),linear-gradient(125deg,#352137,#19141d);overflow:hidden;box-shadow:0 8px 30px #d979b116;color:#f9edf6}
.renewal-seal{flex:0 0 98px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #ffd1ee;border-radius:50%;background:linear-gradient(135deg,#ffdcf0,#eea2d6 52%,#b97fe1);box-shadow:0 0 0 6px #eea2d60f,0 0 36px #eea2d633;color:#32182e;transform:rotate(-9deg)}
.renewal-seal span{font-size:8px;font-weight:800;letter-spacing:1px}.renewal-seal strong{font-size:29px;line-height:1.2}.renewal-bonus-copy{position:relative;min-width:0}.renewal-eyebrow{font-size:9px;letter-spacing:1.4px;color:#edb7da;font-weight:700}.renewal-bonus h3{font-size:19px;margin:7px 0;line-height:1.2}.renewal-bonus p{font-size:12px;color:#d2bccc;margin:0 0 10px}.renewal-price{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin:10px 0 13px}.renewal-price s{font-size:13px;color:#c8aec2}.renewal-price strong{font-size:25px;color:#ffdbef}.renewal-price>span{font-size:11px;color:#d2bccc}.renewal-bonus .primary{padding:12px 18px;min-height:44px;font-size:13px;width:auto}
.renewal-close{position:absolute;right:5px;top:4px;z-index:2;width:36px;height:36px;border:0;background:transparent;color:#e0c5d9;font-size:23px;cursor:pointer}.renewal-close:focus-visible{outline:2px solid #ffe0f2;border-radius:50%}.renewal-sparkles{position:absolute;inset:0;z-index:-1;pointer-events:none}.renewal-sparkles i{position:absolute;font-style:normal;color:#ffd4ed;opacity:.15}.renewal-sparkles i:nth-child(1){left:8%;top:12%;font-size:27px}.renewal-sparkles i:nth-child(2){right:8%;top:16%;font-size:20px}.renewal-sparkles i:nth-child(3){left:20%;bottom:7%;font-size:17px}.renewal-sparkles i:nth-child(4){right:24%;bottom:12%;font-size:28px}
.renewal-bonus.reveal{animation:bonus-arrive .65s ease-out both}.renewal-bonus.reveal .renewal-seal{animation:bonus-unfold .8s cubic-bezier(.2,.8,.2,1) both}.renewal-bonus.reveal .renewal-sparkles i{animation:bonus-sparkle 1s ease-out both}.renewal-bonus.reveal .renewal-sparkles i:nth-child(2n){animation-delay:.12s}
@keyframes bonus-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bonus-unfold{0%{transform:rotate(-28deg) scale(.6);box-shadow:0 0 0 0 #eea2d655}65%{transform:rotate(-6deg) scale(1.06);box-shadow:0 0 0 22px #eea2d600}100%{transform:rotate(-9deg) scale(1)}}@keyframes bonus-sparkle{0%{opacity:0;transform:scale(.3) rotate(-30deg)}50%{opacity:.9}100%{opacity:.15;transform:scale(1) rotate(10deg)}}
.renewal-access{border-top:1px solid #ffffff16;margin-top:20px;padding-top:16px}.renewal-access h3{font-size:14px;margin:0 0 8px}.renewal-access p{font-size:12px;color:#baa6b8;line-height:1.5}.renewal-access button{display:block;font-size:12px;text-align:left;margin-top:10px}.renewal-shop{text-align:center}.renewal-shop>p{line-height:1.6}.renewal-shop .renewal-price{justify-content:center}.renewal-shop-seal{display:grid;place-items:center;width:100px;height:100px;margin:12px auto 24px;border-radius:50%;background:linear-gradient(140deg,#ffd7ec,#bd90e5);color:#341d37;font-size:32px;font-weight:800}.renewal-receipt{text-align:center}.renewal-receipt .success-mark{margin:8px auto 20px}.renewal-receipt p{line-height:1.6}
@media(max-width:480px){.renewal-bonus{padding:21px 16px;gap:13px;align-items:flex-start}.renewal-seal{flex-basis:67px;margin-top:17px}.renewal-seal span{font-size:6px}.renewal-seal strong{font-size:22px}.renewal-bonus h3{font-size:16px}.renewal-eyebrow{font-size:8px;letter-spacing:.7px}.renewal-price strong{font-size:22px}.renewal-bonus .primary{font-size:12px;padding:10px 12px}.renewal-price{gap:5px}.renewal-price>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.renewal-bonus.reveal,.renewal-bonus.reveal .renewal-seal,.renewal-bonus.reveal .renewal-sparkles i{animation:none}}

.renewal-access{padding:16px}.renewal-access p strong{font-size:inherit;line-height:inherit}.renewal-access button{line-height:1.5}
.renewal-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:20px 0}.renewal-plan{display:grid;gap:8px;min-height:76px;padding:14px 8px;border:1px solid #82677d;border-radius:14px;background:#221b25;color:#f9edf6;cursor:pointer}.renewal-plan[aria-pressed="true"]{border-color:#ffd4ed;background:#4b2c45;box-shadow:0 0 0 1px #ffd4ed}.renewal-plan strong{font-size:17px}.renewal-plan:focus-visible{outline:2px solid #fff;outline-offset:3px}
:is(.renewal-access,.membership-renewal) .renewal-access-label{margin-top:14px;color:#ebcee3;font-size:12px;font-weight:600}
.renewal-access-plans{display:grid;gap:7px;margin-top:8px}
:is(.renewal-access,.membership-renewal) .renewal-access-plan{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #73536c;border-radius:12px;background:#241c29;color:#eadde9;text-decoration:none}
.renewal-access-plan strong{font-size:14px;color:#ffd6ed;white-space:nowrap}
.renewal-access-plan:hover{border-color:#efacd2;background:#352538}
.renewal-access-plan:focus-visible{outline:2px solid #efacd2;outline-offset:3px}
.renewal-access .renewal-pending{color:#f1cadf;overflow-wrap:anywhere}
.renewal-shop .renewal-pending-note{padding:12px;border:1px solid #70506b;border-radius:12px;background:#2b202e;font-size:13px}