#whpp-popup{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}
#whpp-popup.show{opacity:1;visibility:visible}
.whpp-card{position:relative;width:min(440px,100%);background:#fff;border-radius:25px;padding:28px 24px 20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);transform:translateY(30px);transition:.25s;box-sizing:border-box}
#whpp-popup.show .whpp-card{transform:translateY(0)}
.whpp-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;cursor:pointer;background:#f1f5f9;color:#475569}
.whpp-icon{width:74px;height:74px;border-radius:19px;overflow:hidden;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;background:#e6f7fa;font-size:34px}
.whpp-icon img{width:100%;height:100%;object-fit:cover}
.whpp-card h3{margin:0 0 8px;color:#0f172a;font-size:23px}
.whpp-card p{color:#64748b;line-height:1.5;margin:0 0 18px;font-size:15px}
.whpp-primary,.whpp-notify{width:100%;border:0;border-radius:13px;padding:13px 16px;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:8px}
.whpp-primary{background:#0b7285;color:#fff}.whpp-notify{background:#e6f7fa;color:#075985}.whpp-later{border:0;background:transparent;color:#64748b;padding:9px;cursor:pointer}
@media(min-width:700px){#whpp-popup{align-items:center}}