#overlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.7);
z-index: 999;
} #popup {
display: none;
position: fixed;
top: 50%; left: 50%;
transform: translate(-50%, -50%) scale(0.8);
background: #A6CC3D;
padding: 25px;
border-radius: 12px;
width: 320px;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
z-index: 1000;
opacity: 0;
transition: all 0.3s ease;
}
#popup.show {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
} #popup h2 {
margin-top: 0;
font-family: "Roboto", sans-serif;
font-size: 20px;
text-align: center;
font-weight: 600;
}
#popup input {
width: 100%;
padding: 10px;
margin: 8px 0;
border: none;
border-radius: 6px;
font-size: 14px;
}
#popup select{
width: 100%;
padding: 10px;
margin: 8px 0;
border: none;
border-radius: 6px;
font-size: 14px;
}
#popup button {
width: 100%;
padding: 10px;
background: #000;
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
cursor: pointer;
transition: background 0.2s;
margin-top: 7px;
}
#popup button:hover {
background: #333;
}
.open-modal{
cursor: pointer;
} .close-btn {
position: absolute;
top: 8px;
right: 10px;
font-size: 18px;
cursor: pointer;
}