.popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
  z-index:9999;
}

/* Show popup */
.popup-overlay.active{
  opacity:1;
  visibility:visible;
}

/* ===== Popup Box ===== */
.popup-box h3{
    font-size: 25px;
    font-family: var(--font-medium);
    margin-bottom: 5px;
}
.popup-box p{}


.popup-box{
  background:#fff;
  width:90%;
  max-width: 650px;
  border-radius:10px;
  padding: 40px;
  transform:scale(.8);
  transition:transform .3s ease;
  position:relative;
  text-align: center;
}

/* Animation */
.popup-overlay.active .popup-box{
  transform:scale(1);
}

/* Close button */
.popup-close{
  position:absolute;
  right:12px;
  top:10px;
  font-size:22px;
  cursor:pointer;
  border:none;
  background:none;
}

/* Button */
.open-btn{
  padding:12px 20px;
  background:#007bff;
  color:#fff;
  border:none;
  cursor:pointer;
  border-radius:6px;
}

.open-btn:hover{
  background:#0056b3;
}