.ggpush-popup[hidden]{display:none!important}
.ggpush-popup{position:fixed;inset:0;z-index:999999;background:rgba(5,12,25,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px;font-family:inherit}
.ggpush-card{position:relative;width:min(820px,100%);display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:28px;box-shadow:0 34px 100px rgba(0,0,0,.34);color:#172033}
.ggpush-close{position:absolute;z-index:4;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.86);box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:26px;line-height:34px;cursor:pointer;color:#596273;transition:.2s}
.ggpush-close:hover{transform:rotate(6deg) scale(1.05);background:#fff;color:#111827}
.ggpush-hero{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#071a38 0%,#0b376c 50%,#0f5fa7 100%)}
.ggpush-hero:before,.ggpush-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.ggpush-hero:before{width:260px;height:260px;left:-120px;top:-70px}.ggpush-hero:after{width:190px;height:190px;right:-80px;bottom:-40px}
.ggpush-hero-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(75,183,255,.48),rgba(75,183,255,0) 68%);filter:blur(5px)}
.ggpush-phone{position:relative;width:212px;height:350px;border:8px solid rgba(255,255,255,.92);border-radius:34px;background:linear-gradient(160deg,#f9fbff,#e7eef8);box-shadow:0 28px 65px rgba(0,0,0,.35);transform:rotate(-5deg);padding:48px 13px 14px}
.ggpush-phone-top{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:74px;height:17px;border-radius:20px;background:#15253b}
.ggpush-notification-demo{position:relative;z-index:2;display:grid;grid-template-columns:34px 1fr 7px;align-items:center;gap:9px;padding:11px;background:#fff;border-radius:15px;box-shadow:0 10px 26px rgba(15,36,62,.13);transform:rotate(3deg)}
.ggpush-demo-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#08254b,#e32636);color:#fff;font-weight:900;font-size:18px}
.ggpush-demo-copy{display:flex;min-width:0;flex-direction:column;line-height:1.2}.ggpush-demo-copy b{font-size:11px;white-space:nowrap}.ggpush-demo-copy small{font-size:9px;color:#697386;margin-top:3px}.ggpush-demo-dot{width:7px;height:7px;border-radius:50%;background:#ed2f43;box-shadow:0 0 0 4px rgba(237,47,67,.12)}
.ggpush-hero-bell{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) rotate(5deg);width:92px;height:92px;border-radius:28px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#e73345,#ff5c69);box-shadow:0 18px 35px rgba(210,31,52,.32);animation:ggpushFloat 2.7s ease-in-out infinite}.ggpush-hero-bell svg{width:52px;height:52px}
@keyframes ggpushFloat{0%,100%{transform:translate(-50%,-50%) rotate(5deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(2deg) translateY(-8px)}}
.ggpush-content{display:flex;flex-direction:column;justify-content:center;padding:48px 46px}
.ggpush-kicker{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:#eef6ff;color:#0a5ca3;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:16px}
.ggpush-card h3{margin:0 0 14px;font-size:31px;line-height:1.14;letter-spacing:-.025em;color:#101828}
.ggpush-card p{margin:0;color:#566176;font-size:15.5px;line-height:1.65}
.ggpush-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ggpush-benefits span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#f6f8fb;color:#465164;font-size:12px;font-weight:700}.ggpush-benefits i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e6f7ec;color:#16843b;font-style:normal;font-size:11px}
.ggpush-actions{display:flex;align-items:center;gap:10px;margin-top:27px}.ggpush-actions button{min-height:49px;border-radius:13px;padding:12px 18px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}
.ggpush-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;border:1px solid #0b315d;background:linear-gradient(135deg,#09284f,#0e5592);color:#fff;box-shadow:0 10px 22px rgba(11,71,126,.2)}.ggpush-primary:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(11,71,126,.27)}.ggpush-btn-bell{font-size:17px}
.ggpush-secondary{border:1px solid #e0e5ec;background:#fff;color:#4d596c}.ggpush-secondary:hover{background:#f7f9fc}
.ggpush-content>small{display:block;margin-top:16px;color:#8992a2;font-size:11.5px;line-height:1.5;text-align:center}
.ggpush-status{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;background:#f4f6f8;color:#394150}.ggpush-status[data-type=success]{background:#eef8f0;color:#176b2c}.ggpush-status[data-type=warning]{background:#fff7e6;color:#855900}.ggpush-status[data-type=error]{background:#fff0f0;color:#a11a1a}.ggpush-primary[disabled]{opacity:.72;cursor:wait;transform:none}.ggpush-open{overflow:hidden}
@media(max-width:720px){.ggpush-popup{align-items:flex-end;padding:10px}.ggpush-card{grid-template-columns:1fr;border-radius:26px 26px 14px 14px;max-height:94vh;overflow:auto}.ggpush-hero{min-height:188px}.ggpush-phone{width:145px;height:215px;border-width:6px;border-radius:25px;padding:36px 9px 10px;transform:rotate(-5deg) translateY(30px)}.ggpush-phone-top{top:8px;width:50px;height:12px}.ggpush-notification-demo{grid-template-columns:27px 1fr 6px;gap:6px;padding:8px}.ggpush-demo-logo{width:27px;height:27px;font-size:14px}.ggpush-demo-copy b{font-size:9px}.ggpush-demo-copy small{font-size:7.5px}.ggpush-hero-bell{width:67px;height:67px;border-radius:21px;top:66%}.ggpush-hero-bell svg{width:38px;height:38px}.ggpush-content{padding:27px 22px 23px}.ggpush-kicker{margin-bottom:12px}.ggpush-card h3{font-size:25px}.ggpush-card p{font-size:14.5px;line-height:1.55}.ggpush-benefits{margin-top:17px;gap:6px}.ggpush-benefits span{font-size:11px;padding:7px 8px}.ggpush-actions{flex-direction:column;margin-top:21px}.ggpush-actions button{width:100%}.ggpush-primary{order:1}.ggpush-secondary{order:2;border:0;background:transparent;min-height:38px}.ggpush-content>small{margin-top:8px}.ggpush-close{top:12px;right:12px}}


/* V3.6 modern success state */
.ggpush-success-view[hidden]{display:none!important}
.ggpush-card.ggpush-success-mode{display:block;width:min(520px,100%);background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);overflow:hidden}
.ggpush-card.ggpush-success-mode>.ggpush-close,.ggpush-card.ggpush-success-mode>.ggpush-hero,.ggpush-card.ggpush-success-mode>.ggpush-content{display:none!important}
.ggpush-success-view{position:relative;overflow:hidden;text-align:center;padding:48px 46px 40px;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.97);transition:opacity .35s ease,transform .35s ease}
.ggpush-success-view.is-visible{opacity:1;transform:scale(1)}
.ggpush-success-view:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;top:-220px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(30,184,108,.20) 0%,rgba(30,184,108,0) 72%);pointer-events:none}
.ggpush-success-icon{position:relative;width:122px;height:122px;display:grid;place-items:center;margin:0 auto 25px}
.ggpush-success-check{position:relative;z-index:3;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#18a85d,#29cf7b);color:#fff;box-shadow:0 18px 42px rgba(31,181,103,.30);animation:ggpushSuccessPop .55s cubic-bezier(.2,.85,.3,1.3) both}
.ggpush-success-check svg{width:48px;height:48px}
.ggpush-success-ring{position:absolute;inset:16px;border-radius:50%;border:2px solid rgba(39,199,118,.30);animation:ggpushSuccessRing 1.8s ease-out infinite}
.ggpush-success-ring-two{animation-delay:.55s}
@keyframes ggpushSuccessPop{0%{transform:scale(.2) rotate(-12deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes ggpushSuccessRing{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.65);opacity:0}}
.ggpush-success-kicker{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#eaf9f1;color:#11814a;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:14px}
.ggpush-success-view h3{max-width:410px;margin:0;color:#101828;font-size:29px;line-height:1.17;letter-spacing:-.025em}
.ggpush-success-view p{max-width:410px;margin:14px 0 0;color:#667085;font-size:15px;line-height:1.65}
.ggpush-success-chip{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:10px 13px;border:1px solid #dff2e8;border-radius:12px;background:#fff;color:#28724d;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(17,129,74,.07)}
.ggpush-success-button{width:100%;max-width:350px;min-height:50px;margin-top:26px;border:0;border-radius:14px;background:linear-gradient(135deg,#09284f,#0e5592);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 12px 27px rgba(11,71,126,.22);transition:transform .2s,box-shadow .2s}
.ggpush-success-button:hover{transform:translateY(-1px);box-shadow:0 15px 31px rgba(11,71,126,.28)}
.ggpush-success-view>small{max-width:360px;margin-top:14px;color:#98a2b3;font-size:11px;line-height:1.5}
.ggpush-success-confetti span{position:absolute;display:block;width:8px;height:8px;border-radius:50%;opacity:.8;animation:ggpushConfetti 2.4s ease-in-out infinite}
.ggpush-success-confetti span:nth-child(1){left:13%;top:18%;background:#19b66c;animation-delay:.1s}.ggpush-success-confetti span:nth-child(2){right:14%;top:22%;background:#f3b62f;animation-delay:.5s}.ggpush-success-confetti span:nth-child(3){left:20%;top:43%;width:6px;height:6px;background:#4388dd;animation-delay:.8s}.ggpush-success-confetti span:nth-child(4){right:19%;top:47%;width:6px;height:6px;background:#eb5267;animation-delay:1.1s}.ggpush-success-confetti span:nth-child(5){left:29%;top:12%;width:5px;height:5px;background:#bd6ddd;animation-delay:1.4s}.ggpush-success-confetti span:nth-child(6){right:30%;top:13%;width:5px;height:5px;background:#17a7a1;animation-delay:1.7s}
@keyframes ggpushConfetti{0%,100%{transform:translateY(0) rotate(0);opacity:.35}50%{transform:translateY(-10px) rotate(160deg);opacity:1}}
@media(max-width:720px){.ggpush-card.ggpush-success-mode{border-radius:26px 26px 14px 14px}.ggpush-success-view{min-height:500px;padding:40px 24px 30px}.ggpush-success-icon{width:110px;height:110px;margin-bottom:22px}.ggpush-success-check{width:76px;height:76px}.ggpush-success-view h3{font-size:25px}.ggpush-success-view p{font-size:14px;line-height:1.6}.ggpush-success-button{max-width:none}.ggpush-success-confetti span:nth-child(1){left:8%}.ggpush-success-confetti span:nth-child(2){right:8%}}