.vip-header-offer{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:6px 11px;border:1px solid #bc91ef70;border-radius:10px;background:linear-gradient(115deg,#ae74ed19,#e6b65f13);color:var(--text);white-space:nowrap;transition:border-color .18s,background .18s}.vip-header-offer .icon,.vip-header-offer>svg{width:17px;height:17px;color:#c5a0f4}.vip-header-offer strong{font-size:11px;letter-spacing:.08em}.vip-header-offer small{font-size:10px;color:var(--muted)}.vip-header-offer:hover{border-color:#c5a0f4;background:linear-gradient(115deg,#ae74ed2b,#e6b65f20)}.vip-nav-link--offer{border:1px solid #b68be445;background:linear-gradient(110deg,#a675d715,#d6ad5c09);color:var(--text)}.vip-nav-link--offer>.icon,.vip-nav-link--offer>svg{color:#bf96ed}.vip-nav-tag{margin-left:auto;padding:2px 5px;border-radius:4px;border:1px solid #b68be456;font-size:8px;letter-spacing:.1em;color:#c9a7ef}.vip-inline-offer{display:flex;align-items:center;gap:22px;isolation:isolate;position:relative;margin:25px 0;padding:25px;border:1px solid #b68be45c;border-radius:16px;background:radial-gradient(ellipse at 0 0,#ac7ce41a,transparent 55%),linear-gradient(120deg,#af84dd0d,#e6b65f08),var(--surface);overflow:hidden}.vip-offer-sigil{width:56px;height:56px;flex:0 0 56px;border:1px solid #bb93e75a;background:#b68be414;display:grid;place-items:center;border-radius:15px;color:#c5a0f4}.vip-offer-sigil>.icon,.vip-offer-sigil>svg{width:29px;height:29px}.vip-offer-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c5a0f4;font-size:10px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.vip-offer-eyebrow .icon,.vip-offer-eyebrow>svg{width:18px;height:18px}.vip-inline-copy{min-width:0;flex:1}.vip-inline-copy h2{margin:7px 0 9px;font-size:22px}.vip-inline-copy p{font-size:12px;line-height:1.7;max-width:680px}.vip-inline-copy>small{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.6}.vip-inline-action{flex:0 0 230px;display:flex;align-items:stretch;flex-direction:column;gap:11px;text-align:center}.vip-inline-action>strong{font-size:11px;line-height:1.7;font-weight:550}.vip-inline-action>span{font-size:10px;color:var(--muted)}.button.vip-offer-button{background:linear-gradient(125deg,#b394e6,#d0b7ec);border-color:#c5a5ed;color:#231434;font-weight:750;box-shadow:0 4px 18px #a572ce20}.button.vip-offer-button:hover{background:linear-gradient(125deg,#c4a8ef,#ddc9f4);border-color:#d3baf3}.vip-offer-button>span{margin-left:7px;font-size:17px}.vip-context-offer{position:fixed;right:24px;bottom:24px;z-index:70;width:365px;max-width:calc(100vw - 32px);max-height:min(420px,60dvh);overflow:auto;padding:23px;border:1px solid #b995e97a;border-radius:17px;background:linear-gradient(145deg,#b382e618,#d3ad6508),var(--surface);color:var(--text);box-shadow:0 12px 45px #0004;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:vip-offer-enter .22s ease-out}.vip-context-offer h2{font-size:20px;line-height:1.35;margin:12px 20px 10px 0}.vip-context-offer>p{font-size:12px;line-height:1.65;margin:0 0 12px}.vip-context-offer>small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.vip-context-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:25px;line-height:1}.vip-context-close:hover{background:#a47bc214;color:var(--text)}.vip-context-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.vip-context-actions .button{width:100%;min-height:42px;padding:10px 14px}.vip-context-later{min-height:34px;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.vip-context-later:hover{background:#a47bc210;color:var(--text)}.vip-context-offer :is(a,button):focus-visible,.vip-inline-offer a:focus-visible,.vip-header-offer:focus-visible{outline:2px solid #bb94eb;outline-offset:3px}
html[data-theme=light] .vip-offer-eyebrow,html[data-theme=light] .vip-offer-sigil,html[data-theme=light] .vip-header-offer>.icon,html[data-theme=light] .vip-nav-link--offer>.icon,html[data-theme=light] .vip-nav-tag{color:#71439c}html[data-theme=light] .vip-context-offer{box-shadow:0 12px 40px #44275e21;background:linear-gradient(145deg,#cfa8ee13,#eacb9014),var(--surface)}
@keyframes vip-offer-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.vip-inline-offer{flex-wrap:wrap;gap:18px}.vip-inline-action{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;flex-wrap:wrap}.vip-inline-action>.button{min-width:175px}.vip-inline-action>span{flex-basis:100%}.vip-header-offer small{display:none}}
@media(max-width:600px){.vip-header-offer{min-width:35px;min-height:35px;padding:6px 8px;gap:5px}.vip-header-offer>.icon,.vip-header-offer>svg{width:14px;height:14px}.vip-header-offer strong{font-size:10px}.vip-inline-offer{padding:20px;gap:14px}.vip-offer-sigil{width:42px;height:42px;flex-basis:42px;border-radius:12px}.vip-offer-sigil>.icon,.vip-offer-sigil>svg{width:23px;height:23px}.vip-inline-copy{flex-basis:calc(100% - 56px)}.vip-inline-copy h2{font-size:19px}.vip-inline-copy p,.vip-inline-copy>small{margin-left:-56px}.vip-inline-copy p{margin-top:16px}.vip-inline-action{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px}.vip-inline-action>.button{width:100%}.vip-context-offer{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;padding:20px;max-height:55dvh}.vip-context-offer h2{font-size:19px}.vip-context-offer>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vip-context-offer{animation:none}.vip-header-offer,.vip-offer-button{transition:none}}
.vip-context-close{min-width:44px;min-height:44px}
html[data-effects=off] .vip-context-offer{animation:none}
@media(max-width:600px){.vip-header-offer>.icon,.vip-header-offer>svg{display:none}}