/* Simple modal for certificate image */
#certificateModal {
  display: none; 
  position: fixed; 
  z-index: 1050; 
  left: 0; top: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.6); 
  justify-content: center; align-items: center;
}
#certificateModal.active { display: flex; }
#certificateModal .modal-content {
  background: #fff; border-radius: 8px; padding: 1.5rem; max-width: 90vw; max-height: 90vh; box-shadow: 0 2px 16px rgba(0,0,0,0.2);
  display: flex; flex-direction: column; align-items: center;
}
#certificateModal img { max-width: 80vw; max-height: 70vh; border-radius: 6px; }
#certificateModal .close-btn {
  margin-top: 1rem; background: #ff8c42; color: #fff; border: none; border-radius: 4px; padding: 0.5rem 1.5rem; font-size: 1rem; cursor: pointer;
}