body.dark .document-dark-mode {
  background: #1e1e1e;
  color: #ffffff;
}

body.dark .certificate-photo {
  background: transparent;
}

body.dark .desc span {
  color: #4da3ff !important;
}

body.dark .w3-text-purple {
  color: #bb86fc !important;
}

body.dark .w3-modal {
  background-color: rgba(0, 0, 0, 0.8);
}

body.dark .w3-modal-content {
  background: #1e1e1e;
  color: #ffffff;
}

body.dark .w3-light-green {
  background-color: #70ac26 !important;
  color: #ffffff !important;
}

body.dark .w3-container p {
  color: #e0e0e0;
}

body.dark .document-dark-mode:hover {
  box-shadow: 0 0 20px rgba(255,255,255,0.1);
  transform: scale(1.01);
  transition: 0.3s;
}