.gradient-bg {
  background: linear-gradient(135deg, #800000 0%, #FFD700 100%);
}
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 
              0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.fade-in {
  animation: fadeInUp 0.6s ease-out;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.navbar-scroll {
  transition: all 0.3s ease;
}
.typing-animation {
  overflow: hidden;
  border-right: 2px solid #FFD700;
  white-space: nowrap;
  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}
@keyframes typing { from { width: 0 } to { width: 100% } }
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #FFD700 }
}