#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:999}#popup{display:none;position:fixed;top:50%;left:50%;background-color:var(--popup-bg);border-radius:15px;width:var(--popup-width-desktop);height:var(--popup-height);box-shadow:0 10px 30px rgb(0 0 0 / .1);z-index:1000;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:all 0.4s ease-in-out;text-align:center}@media (max-width:768px){#popup{width:var(--popup-width-mobile)}}#popup.show{display:block;animation:popupShow 0.4s ease forwards}#popup.hide{animation:popupHide 0.4s ease forwards}@keyframes popupShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popupHide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}#popup h3{margin:25px 0 20px;font-size:1.2rem;color:#000;font-weight:700}#popup p{font-size:14px;text-align:center}.popup-buttons a,.popup-buttons button{padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s;color:#fff;background-color:var(--btn-color)}.popup-buttons a:hover,.popup-buttons button:hover{background-color:#0056b3}.popup-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.popup-content{padding:25px}.popup-header{padding:0;border-bottom:1px solid #eee;position:relative}#closeBtn{position:absolute;top:0;right:25px;font-size:1.5rem;cursor:pointer;color:#7f8c8d;transition:color 0.2s}