.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s cubic-bezier(.34, 1.56, .64, 1);backdrop-filter:blur(2px)}.popup-overlay.closing{animation:fadeOut .5s cubic-bezier(.34, 1.56, .64, 1)}.popup-container{position:relative;width:90%;max-width:1000px;height:80vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.4);overflow:hidden;animation:slideUp .6s cubic-bezier(.25, .1, .25, 1);transform-origin:center}.popup-overlay.closing .popup-container{animation:slideDown .5s cubic-bezier(.25, .1, .25, 1)}.popup-close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#ff4444;color:#fff;border:none;border-radius:50%;font-size:28px;cursor:pointer;z-index:10000;transition:all .3s ease;display:flex;justify-content:center;align-items:center;line-height:1}.popup-close-btn:hover{background:#cc0000;transform:scale(1.1)}.popup-close-btn:active{transform:scale(.95)}.popup-iframe{width:100%;height:100%;border:none}@keyframes fadeIn{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}50%{opacity:.5}100%{opacity:0}}@keyframes slideUp{0%{transform:translateY(80px) scale(.95);opacity:0}50%{transform:translateY(20px) scale(.98);opacity:.7}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(20px) scale(.98);opacity:.7}100%{transform:translateY(80px) scale(.95);opacity:0}}@media (max-width:768px){.popup-container{width:95%;height:90vh}.popup-close-btn{width:35px;height:35px;font-size:24px}}@media (max-width:480px){.popup-container{width:100%;height:100vh;border-radius:0}.popup-close-btn{width:40px;height:40px;font-size:28px}}