@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600&display=swap');

.alertify-notifier .ajs-message {
  background: linear-gradient(135deg, #0a0a0a, #1a1a1a) !important;
  color: #f04c4c !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 1.1rem !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-left: 4px solid #f04c4c !important;
  border-radius: 6px !important;
  padding: 1rem 1.5rem !important;
  box-shadow:
    0 0 10px rgba(240, 76, 76, 0.6),
    0 0 20px rgba(255, 0, 0, 0.2) !important;
  animation: valFadeIn 0.3s ease-out;
}

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