.popup-overlay {
display: none;
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
justify-content: center;
align-items: center;
}
.popup-content {
background: #fff;
border-radius: 12px;
padding: 2rem;
text-align: center;
width: 90%;
max-width: 400px;
position: relative;
animation: fadeIn 0.4s ease;
}
.close-btn {
position: absolute;
top: 10px; right: 15px;
font-size: 24px; background: none; border: none; cursor: pointer;
}
.popup-btn {
display: inline-block;
margin-top: 15px;
padding: 12px 24px;
background: linear-gradient(90deg, #007BFF, #00BFFF);
color: #fff; border-radius: 6px;
text-decoration: none; font-weight: bold;
}
.popup-img {
width: 100%; border-radius: 10px; margin-bottom: 10px;
}
@keyframes fadeIn {
from {opacity: 0; transform: scale(0.9);}
to {opacity: 1; transform: scale(1);}
}