.modal {

  display: none;

  position: fixed;

  z-index: 9999;

  inset: 0;

  background: rgba(0, 0, 0, 0.65);

  overflow-y: auto;

  padding: 40px 16px;

}


.modal-content {

  max-width: 760px;

  margin: 0 auto;

  background: #ffffff;

  color: #111827;

  border-radius: 18px;

  padding: 32px;

  position: relative;

  font-family: Arial, sans-serif;

  line-height: 1.6;

}


.modal-content h2 {

  margin-top: 0;

  font-size: 14px;

}


.modal-content h3 {

  margin-top: 24px;

  font-size: 11px;

}


.modal-close {

  position: absolute;

  top: 18px;

  right: 20px;

  border: none;

  background: transparent;

  font-size: 30px;

  cursor: pointer;

}


.modal-button {

  margin-top: 24px;

  width: 100%;

  padding: 14px 20px;

  border: none;

  border-radius: 999px;

  background: #111827;

  color: #ffffff;

  font-size: 16px;

  cursor: pointer;

}


.modal-button:hover {

  opacity: 0.9;

}