#my-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:2rem;z-index:9999;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.4);border-radius:10px;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out}#popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out}#my-popup.active,#popup-overlay.active{opacity:1;visibility:visible}