#popup-plugin-container {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border: 2px solid #333;
z-index: 9999;
display: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
#popup-plugin-container h1{
font-family: "Neucha";
font-size: 42px;
font-weight: 600;
line-height: 1.2em;
color: #1B4965;
}
#popup-plugin-container h3{
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.2em;
color: #1B4965;
}
#popup-plugin-container p{
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2em;
color: #333;
}
#popup-plugin-container.dark {
background: #333;
color: #fff;
}
.fade-in { animation: fadeIn 0.5s forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.slide-in { animation: slideIn 0.5s forwards; }
@keyframes slideIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.zoom-in { animation: zoomIn 0.5s forwards; }
@keyframes zoomIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#popup-plugin-container button {
margin-top: 10px;
padding: 6px 12px;
background: #0073aa;
color: #fff;
border: none;
cursor: pointer;
}
#popup-plugin-container button:hover {
background: #005177;
}