/* Custom styles for portfolio website */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom button hover effects */
button:hover, a:hover {
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0; /* Start hidden */
}

/* Animation Delays */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }
.delay-2000 { animation-delay: 2.0s; }
.delay-2200 { animation-delay: 2.2s; }
.delay-2400 { animation-delay: 2.4s; }
.delay-2600 { animation-delay: 2.6s; }
.delay-2800 { animation-delay: 2.8s; }
.delay-3000 { animation-delay: 3.0s; }
.delay-3200 { animation-delay: 3.2s; }
.delay-3400 { animation-delay: 3.4s; }

/* Typewriter Cursor */
.cursor::after {
  content: '|';
  animation: blink 1s step-start infinite;
  color: #047857;
}
@keyframes blink { 50% { opacity: 0; } }

/* Accessibility: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}