.premium-retention{box-sizing:border-box;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dce6f3;border-radius:24px;background:#fff;color:#17324f;box-shadow:0 24px 80px #102b4f40;font-family:var(--premium-font);text-align:center;overflow:auto}
.premium-retention::backdrop{background:#11243c80;backdrop-filter:blur(3px)}
.premium-retention .retention-body{position:relative;padding:42px 26px 22px}
.premium-retention .retention-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#64758b;font:26px/1 var(--premium-font);cursor:pointer}
.premium-retention .retention-eyebrow{margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#2f7ec5}
.premium-retention h2{margin:0 0 12px;font-size:27px;line-height:1.2;letter-spacing:-.7px}
.premium-retention .retention-copy{margin:0;color:#53677e;font-size:15px;line-height:1.5}
.premium-retention .retention-price{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:23px 0}
.premium-retention .retention-price strong{font-size:70px;line-height:1;font-weight:800;letter-spacing:-4px;color:#1373c4}
.premium-retention .retention-was{font-size:20px;color:#8190a1;text-decoration:line-through}
.premium-retention .retention-unit{width:100%;font-size:13px;color:#53677e}
.premium-retention .retention-terms{margin:20px 0 16px;font-size:12px;line-height:1.6;color:#627389}
.premium-retention .retention-note{margin:0 0 12px;font-size:13px;line-height:1.5;color:#b92e3d}
.premium-retention button.retention-keep{width:100%;padding:15px 12px;border:1px solid #0879cc;border-radius:12px;background:linear-gradient(#39a8f5,#1488da);box-shadow:inset 0 1px #ffffff66,0 3px 0 #086bae;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.premium-retention button.retention-cancel{display:block;width:100%;margin:16px 0 0;padding:12px;border:1px solid #dce4ee;border-radius:10px;background:#f6f8fb;color:#405773;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none}
.premium-retention button:focus-visible{outline:3px solid #f5a82a;outline-offset:3px}
.premium-retention button:disabled{opacity:.6;cursor:wait}
.premium-retention [hidden]{display:none!important}
@media(max-width:360px){.premium-retention .retention-body{padding:40px 18px 18px}.premium-retention h2{font-size:24px}}