.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;overflow-y:auto;padding:20px;box-sizing:border-box}.popup-overlay.active{display:flex;align-items:center;justify-content:center}.popup-container{position:relative;background:#fff;box-shadow:0 10px 40px rgb(0 0 0 / .3);width:100%;margin:auto;overflow:hidden}.popup-position-center{margin:auto}.popup-position-top{margin-top:20px;margin-bottom:auto}.popup-position-bottom{margin-top:auto;margin-bottom:20px}.popup-position-top-left,.popup-position-top-right,.popup-position-bottom-left,.popup-position-bottom-right{margin:0}.popup-overlay .popup-position-top-left{align-self:flex-start;justify-self:flex-start}.popup-overlay .popup-position-top-right{align-self:flex-start;justify-self:flex-end;margin-left:auto}.popup-overlay .popup-position-bottom-left{align-self:flex-end;justify-self:flex-start}.popup-overlay .popup-position-bottom-right{align-self:flex-end;justify-self:flex-end;margin-left:auto}.popup-close{position:absolute;top:10px;right:10px;background:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1;cursor:pointer;z-index:10;transition:background 0.3s ease;padding:0;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:rgb(0 0 0 / .8)}.popup-content-wrapper{padding:40px 30px}.popup-content{margin-bottom:20px}.popup-content p:last-child{margin-bottom:0}.popup-image{margin-bottom:20px}.popup-image img{width:100%;height:auto;display:block}.popup-image-above{margin:-40px -30px 20px}.popup-image-below{margin:20px -30px -40px}.popup-layout{display:flex;gap:30px;align-items:center}.popup-layout-left{flex-direction:row}.popup-layout-right{flex-direction:row-reverse}.popup-layout .popup-image{flex:0 0 40%;margin:0}.popup-layout .popup-text-content{flex:1}.popup-cta{margin-top:20px}.popup-cta-button{display:inline-block;padding:12px 30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;font-size:16px;text-align:center}.popup-cta-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-overlay[data-animation="fade"]{animation:fadeIn 0.3s ease}.popup-overlay[data-animation="fade"] .popup-container{animation:fadeIn 0.3s ease}.popup-overlay[data-animation="slide-up"] .popup-container{animation:slideUp 0.4s ease}.popup-overlay[data-animation="slide-down"] .popup-container{animation:slideDown 0.4s ease}.popup-overlay[data-animation="zoom"] .popup-container{animation:zoomIn 0.3s ease}@media (max-width:768px){.popup-overlay{padding:10px}.popup-container{max-width:100%!important}.popup-content-wrapper{padding:30px 20px}.popup-layout{flex-direction:column!important}.popup-layout .popup-image{flex:0 0 auto;width:100%}.popup-image-above{margin:-30px -20px 20px}.popup-image-below{margin:20px -20px -30px}}.popup-container[style*="background-image"] .popup-content-wrapper{background:rgb(255 255 255 / .95);margin:20px}.popup-overlay:focus{outline:none}.popup-close:focus{outline:2px solid #fff;outline-offset:2px}.popup-overlay.loading{pointer-events:none}