.popup {
  position: fixed; top: 0; left: 0;
  width: 100%; height: 100%;
  display: none; justify-content: center; align-items: center;
  background: rgba(0,0,0,0.6); z-index: 1000;
}

.popup-content {
  background: #fff; padding: 25px 20px; border-radius: 12px;
  width: 100%; max-width: 420px; box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  position: relative; animation: popup-show 0.25s ease; font-family: Arial, sans-serif;
  margin: 20px;
}

@keyframes popup-show {
  from { transform: translateY(-20px); opacity:0; }
  to   { transform: translateY(0); opacity:1; }
}

.popup-close {
  position: absolute; top: 10px; right: 12px; font-size: 20px; font-weight: bold;
  color: #555; background: none; border: none; cursor: pointer;
}
.popup-close:hover { color: #000; }

#feedbackForm label { display:block; margin-bottom:12px; font-size:14px; color:#444; }
#feedbackForm input, #feedbackForm textarea {
  width:100%; padding:8px 10px; border:1px solid #ccc; border-radius:6px;
  margin-top:4px; font-size:14px; box-sizing:border-box;
}
#feedbackForm textarea { min-height:100px; resize: vertical; }
#feedbackForm button { width:100%; padding:10px; background-color: #004395; color:#fff; border:none; border-radius:6px; cursor:pointer; font-weight:bold; }
#feedbackForm button:hover { background:#1c6fe3; }
#formResult { margin-top:10px; font-size:14px; }