.body-no-scroll{overflow:hidden;height:100vh}.popup-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow-y:auto}.popup-container:first-of-type{background-color:#00000080}.popup-content{position:relative;max-width:60%;width:60%;animation:fadeIn .25s ease-in-out}.popup-content.popup-basic{background-color:#fff}.popup-content.popup-basic .popup-close-btn{background-color:#007bff}.popup-content.popup-pro{background-color:#e0f7fa}.popup-content.popup-pro .popup-close-btn{background-color:#00bcd4}.popup-content.popup-vip{background-color:#fff8e1}.popup-content.popup-vip .popup-close-btn{background-color:#ffc107}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-profile{font-size:14px;color:#555}.popup-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;box-shadow:0 0 10px #0003;opacity:0;transition:opacity .3s ease}.popup-image-wrapper.popup-show{opacity:1}.popup-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;object-position:center center}.popup-message-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.popup-message{font-size:1.5rem;margin-bottom:1rem}.popup-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;color:#0009;cursor:pointer;z-index:3}@media (max-width: 768px){.popup-content{max-width:90%!important;width:90%!important;border-radius:12px}.popup-message{font-size:1.25rem;padding:0 1rem}.popup-close-btn{font-size:1.25rem}}@media (max-width: 480px){.popup-content{max-width:95%!important;width:95%!important}.popup-message{font-size:1rem}}