/* Custom styles - Tailwind loaded via CDN in _Layout.cshtml */

/* Smooth gradient animation for hero */
@keyframes gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.animate-gradient {
  background-size: 200% 200%;
  animation: gradient-shift 15s ease infinite;
}

/* Code syntax highlighting */
.code-keyword { color: #c084fc; }
.code-string { color: #4ade80; }
.code-comment { color: #6b7280; }
.code-type { color: #60a5fa; }

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