.promo-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10003;animation:promoFadeIn .2s ease both;will-change:opacity,backdrop-filter}@keyframes promoFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.promo-popup-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;z-index:2147483647;pointer-events:none}.promo-popup-modal{width:100%;max-width:100%;height:100%;background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;box-sizing:border-box;pointer-events:auto;animation:promoSlideUp .4s cubic-bezier(.22,.61,.36,1);transform:translateZ(0);position:relative}@keyframes promoSlideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@media(min-width:768px){.promo-popup-container{align-items:center;padding:24px}.promo-popup-modal{max-width:440px;height:auto;max-height:85vh;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #0006;animation:promoScaleIn .4s cubic-bezier(.22,.61,.36,1)}@keyframes promoScaleIn{0%{transform:scale(.97) translateY(8px)}to{transform:scale(1) translateY(0)}}}.promo-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05)}.promo-popup-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.promo-popup-spacer{width:32px;height:32px;flex-shrink:0}.promo-popup-header-title{font-size:18px;font-weight:600;color:#fffffff2;margin:0;letter-spacing:.2px;line-height:1.2;flex:1;text-align:center}.promo-popup-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#fff9;transition:all .2s ease;border-radius:6px;outline:none;flex-shrink:0}.promo-popup-close:hover{color:#ffffffe6;background:#ffffff14}.promo-popup-close:active{transform:scale(.95)}@media(max-width:767px){.promo-popup-header{padding:16px 20px}.promo-popup-header-title{font-size:16px}}.promo-popup-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.promo-popup-image{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.promo-popup-image img{width:100%;height:100%;object-fit:contain;display:block}.promo-popup-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(17,19,21,.85) 0%,transparent 100%);pointer-events:none}.promo-popup-content{flex-shrink:0;padding:16px 24px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.promo-popup-subtitle{font-size:14px;color:#ffffffa6;margin:0 0 24px;line-height:1.6;max-width:340px}.promo-popup-footer{flex-shrink:0;padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#11131580,#111315cc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:767px){.promo-popup-footer{padding:16px 20px;padding-bottom:calc(64px + max(8px,env(safe-area-inset-bottom,8px)))}}.promo-popup-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 32px;font-size:16px;font-weight:600;color:#fafaf9;background:linear-gradient(103deg,#6bb4ff,#5ba3f5 20%,#3b8bf0,#1e6ee0 80%,#0d5dcf);background-size:200% 100%;background-position:100% 0;border:none;border-radius:12px;cursor:pointer;transition:background-position .3s ease,transform .15s ease}.promo-popup-cta:hover{background-position:0 0}.promo-popup-cta:active{transform:scale(.98);background-position:0 0}@media(max-width:767px){.promo-popup-content{padding:12px 20px 8px}.promo-popup-subtitle{font-size:15px}.promo-popup-cta{padding:16px 24px;font-size:16px}}
