.lp2-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;font-family:Urbanist,sans-serif}
.lp2-modal.is-open{opacity:1;visibility:visible}
.lp2-modal__scrim{position:absolute;inset:0;background:rgba(14,18,24,.52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lp2-modal__card{position:relative;width:100%;max-width:432px;background:#fff;border-radius:22px;padding:40px 34px 28px;text-align:center;box-shadow:0 40px 92px -32px rgba(10,14,20,.6);transform:translateY(22px) scale(.93);opacity:0;transition:transform .46s cubic-bezier(.18,.9,.24,1.12),opacity .32s ease}
.lp2-modal.is-open .lp2-modal__card{transform:none;opacity:1}
.lp2-modal__x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#f2f3f5;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease;z-index:4}
.lp2-modal__x:hover{background:#e7e9ec;color:#111}
.lp2-modal__tick{position:relative;width:88px;height:88px;border-radius:50%;background:#0f1419;color:#fff;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}
.lp2-modal__tick::before,.lp2-modal__tick::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(15,20,25,.35);opacity:0}
.lp2-modal.is-open .lp2-modal__tick::before{animation:lp2ring 2.4s .35s ease-out infinite}
.lp2-modal.is-open .lp2-modal__tick::after{animation:lp2ring 2.4s 1.05s ease-out infinite}
@keyframes lp2ring{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.85);opacity:0}}
.lp2-modal__tick svg path{stroke-dasharray:34;stroke-dashoffset:34}
.lp2-modal.is-open .lp2-modal__tick svg path{animation:lp2draw .5s .3s cubic-bezier(.6,.1,.3,1) forwards}
@keyframes lp2draw{to{stroke-dashoffset:0}}
.lp2-modal__card b{display:block;font-family:Urbanist,sans-serif;font-weight:900;font-size:22px;line-height:1.18;text-transform:uppercase;color:rgba(0,0,0,.81);margin-bottom:10px}
.lp2-modal__card p{margin:0 0 20px;font-size:14.5px;line-height:1.6;color:#5f6672;font-weight:400}
.lp2-modal__card .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;border-radius:10px;background:#0f1419;color:#fff !important;font-family:Urbanist,sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 14px 30px -14px rgba(12,16,20,.5);transition:background .18s ease,transform .18s ease,border-color .18s ease}
.lp2-modal__card .btn:hover{background:#2b2f36;transform:translateY(-2px)}
.lp2-modal__card .btn svg{flex:none}
.lp2-modal__card .btn--ghost{margin-top:10px;background:#fff !important;color:#0f1419 !important;border:1.6px solid #0f1419;box-shadow:none}
.lp2-modal__card .btn--ghost:hover{background:rgba(15,20,25,.06) !important;border-color:#2b2f36;color:#2b2f36 !important}
.lp2-modal__later{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#8b929d;background:none;border:0;cursor:pointer}
.lp2-modal__later:hover{color:#5f6672}
.lp2-modal__pop{position:absolute;left:50%;top:74px;width:0;height:0;pointer-events:none}
.lp2-modal__pop i{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0}
.lp2-modal.is-open .lp2-modal__pop i{animation:lp2pop 1.15s .3s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes lp2pop{0%{opacity:0;transform:translate(0,0) scale(.4) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r))}}
.lp2-modal__pop i:nth-child(1){--x:-118px;--y:-58px;--r:150deg;background:#0f1419}
.lp2-modal__pop i:nth-child(2){--x:112px;--y:-64px;--r:-120deg;background:#3a3f46}
.lp2-modal__pop i:nth-child(3){--x:-92px;--y:64px;--r:90deg;background:#0a0a0a;border-radius:50%}
.lp2-modal__pop i:nth-child(4){--x:96px;--y:70px;--r:-70deg;background:#0f1419;border-radius:50%}
.lp2-modal__pop i:nth-child(5){--x:-142px;--y:16px;--r:200deg;background:#c3c8cf}
.lp2-modal__pop i:nth-child(6){--x:140px;--y:8px;--r:-190deg;background:#c3c8cf}
.lp2-modal__pop i:nth-child(7){--x:-42px;--y:-104px;--r:60deg;background:#9aa1ac;border-radius:50%}
.lp2-modal__pop i:nth-child(8){--x:48px;--y:-110px;--r:-60deg;background:#0f1419}
.lp2-modal__pop i:nth-child(9){--x:-14px;--y:112px;--r:130deg;background:#d1d5db}
.lp2-modal__pop i:nth-child(10){--x:24px;--y:104px;--r:-140deg;background:#3a3f46}
@media(prefers-reduced-motion:reduce){
.lp2-modal__card{transition:opacity .2s ease;transform:none}
.lp2-modal.is-open .lp2-modal__tick::before,.lp2-modal.is-open .lp2-modal__tick::after,.lp2-modal.is-open .lp2-modal__pop i{animation:none !important}
.lp2-modal__tick svg path{stroke-dashoffset:0}
}
@media(max-width:520px){
.lp2-modal{padding:16px}
.lp2-modal__card{padding:34px 22px 22px;border-radius:18px}
.lp2-modal__tick{width:76px;height:76px;margin-bottom:18px}
.lp2-modal__card b{font-size:19px}
.lp2-modal__card .btn{height:50px;font-size:12px}
}
