/* Modal Background Overlay */
.modal {
  display: none; 
  position: fixed;
  z-index: 10000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(2, 6, 23, 0.9);
  backdrop-filter: blur(10px);
}

/* The Modal Box */
.modal-content {
  background-color: #020617;
  border: 3px solid #E1AD01;
  border-radius: 15px;
  margin: 10% auto;
  padding: 40px;
  width: 90%;
  max-width: 450px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.5);
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  color: white;
  animation: slideDown 0.4s ease-out;
}

/* Shake Animation for Rejection */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-10px); }
  75% { transform: translateX(10px); }
}

@keyframes slideDown {
  from { transform: translateY(-50px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Buttons */
.btn {
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
}

.btn-accept { background-color: #E1AD01; color: #020617; margin-right: 10px; }
.btn-reject { background-color: transparent; color: #E1AD01; border: 2px solid #E1AD01; }/* Styling for the internal text box */
#policy-view div::-webkit-scrollbar {
  width: 5px;
}

#policy-view div::-webkit-scrollbar-track {
  background: #020617;
}

#policy-view div::-webkit-scrollbar-thumb {
  background: #E1AD01;
  border-radius: 10px;
}

/* Ensure buttons don't look squished */
.button-group {
  display: flex;
  justify-content: center;
  gap: 10px;
}