.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:#fff;border-radius:5px;border:1px solid #e4e2dc;display:flex;width:80%;max-width:900px;position:relative;transform:translateY(-50%);opacity:0;animation:slideIn .5s forwards}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.popup-content.fade-out{animation:slideOut .5s forwards,fadeOut .5s forwards}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.close-button{position:absolute;top:10px;right:20px;background:none;border:none;font-size:26px;cursor:pointer}.popup-left{width:50%}.popup-left img{width:100%;height:100%;border-radius:5px 0 0 5px}.popup-right{width:50%;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:10px}.popup-right h2{margin-top:0;font-size:26px;font-weight:500}.popup-right p{font-size:14px;font-weight:400;line-height:24px}.popup-right form{display:flex;border:2px solid #e4e2dc;margin-top:20px}.popup-right input{width:100%;padding:15px;border:none;outline:none}.popup-right button{background:#fff;color:#000;border:none;padding:10px;border-radius:5px;cursor:pointer;font-weight:500}@media screen and (max-width:450px){.popup-left{display:none}.popup-right{width:100%}.popup-right h2{font-size:22px}.popup-right p{font-size:14px}.popup-right button{padding:15px}.popup-right form{margin-top:10px}.close-button{top:10px;right:15px}.popup-content{width:90%}}