#velvet-popup-overlay, #velvet-popup-overlay *{box-sizing:border-box}
#velvet-popup-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px;background:color-mix(in srgb,var(--vp-overlay-color,#111827) 58%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;font-family:inherit}
#velvet-popup-overlay.vp-visible{opacity:1;visibility:visible}
.vp-modal{direction:rtl;position:relative;width:min(100%,440px);max-height:calc(100vh - 44px);overflow-y:auto;background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);border:1px solid rgba(255,255,255,.9);border-radius:25px;padding:36px 30px 23px;box-shadow:0 30px 100px rgba(25,16,60,.30),0 0 0 1px rgba(139,92,246,.08);text-align:center;transform:translateY(18px) scale(.975);transition:transform .38s cubic-bezier(.2,.8,.2,1);color:#182033}
.vp-visible .vp-modal{transform:translateY(0) scale(1)}
.vp-close{position:absolute;top:15px;left:16px;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:27px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(220,38,38,.32);transition:background .2s,transform .2s,box-shadow .2s}.vp-close:hover{background:#b91c1c;color:#fff;transform:scale(1.07);box-shadow:0 6px 16px rgba(185,28,28,.38)}

.vp-mark{display:flex;gap:5px;justify-content:center;align-items:center;margin:0 auto 17px}
.vp-mark span{display:block;width:7px;height:7px;border-radius:50%;background:var(--vp-accent)}
.vp-mark span:nth-child(2){width:25px;border-radius:9px;opacity:.65}
.vp-eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.2px;color:var(--vp-eyebrow-color,var(--vp-accent));background:color-mix(in srgb,var(--vp-eyebrow-color,var(--vp-accent)) 10%,white);padding:7px 15px;border-radius:999px;margin-bottom:12px}.vp-eyebrow-blink{animation:vp-eyebrow-blink 1.35s ease-in-out infinite}@keyframes vp-eyebrow-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.035)}}
#vp-modal-title{font-size:clamp(20px,3.5vw,25px);line-height:1.45;font-weight:800;color:#182033;margin:0 0 18px}
.vp-content{display:grid;gap:8px;text-align:center}
.vp-text-box{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 15px;border:1px solid color-mix(in srgb,var(--vp-box-color) 10%,transparent);border-radius:15px;background:var(--vp-box-bg,#fafbfe);box-shadow:0 4px 13px rgba(25,30,50,.035);transition:transform .2s,box-shadow .2s}.vp-text-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,30,50,.08)}
.vp-box-number{display:none}
.vp-text-box p{width:100%;margin:0;text-align:center;color:var(--vp-box-color,#596174);font-size:13px;line-height:1.95;font-weight:600}
.vp-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;margin:17px 0 13px;padding:13px 20px;border-radius:13px;background:var(--vp-button-bg);color:var(--vp-button-color)!important;text-decoration:none!important;font-size:14px;font-weight:800;box-shadow:0 10px 25px color-mix(in srgb,var(--vp-button-bg) 32%,transparent);transition:transform .2s,filter .2s}
.vp-action:hover{transform:translateY(-3px) scale(1.01);filter:brightness(1.06);box-shadow:0 14px 30px color-mix(in srgb,var(--vp-button-bg) 38%,transparent)}
.vp-action span{font-size:18px}
.vp-snooze{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:2px auto 0;padding:10px 16px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;color:#475569;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.vp-snooze:hover{background:#eef2ff;border-color:var(--vp-accent);color:var(--vp-accent);transform:translateY(-1px)}
.vp-footer-line{margin-top:15px;padding-top:12px;border-top:1px solid #f0f1f5;color:#a0a6b2;font-size:10px}
@media(max-width:520px){#velvet-popup-overlay{padding:14px}.vp-modal{padding:38px 20px 23px;border-radius:20px}.vp-text-box{padding:12px}.vp-text-box p{font-size:var(--vp-box-size,14px)}}
@media(prefers-reduced-motion:reduce){#velvet-popup-overlay,.vp-modal,.vp-action,.vp-close{transition:none}}

body.vp-no-scroll{overflow:hidden}

.vp-action{position:relative;overflow:hidden}.vp-action:before{content:'';position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation:vp-button-shine 3.8s ease-in-out infinite}@keyframes vp-button-shine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.vp-eyebrow-blink,.vp-action:before{animation:none}}
/* Version 1.3.0: adjustable typography and two-tone button blink */
.vp-text-box p{font-size:var(--vp-box-size,14px)}
.vp-action-blink{animation:vp-button-color-blink 1.15s ease-in-out infinite alternate}
@keyframes vp-button-color-blink{0%{background:var(--vp-button-blink-one,var(--vp-button-bg));box-shadow:0 8px 22px color-mix(in srgb,var(--vp-button-blink-one,var(--vp-button-bg)) 45%,transparent)}100%{background:var(--vp-button-blink-two,#ec4899);box-shadow:0 8px 25px color-mix(in srgb,var(--vp-button-blink-two,#ec4899) 45%,transparent)}}
@media(prefers-reduced-motion:reduce){.vp-action-blink{animation:none}}
