/* Stakeprix Alpine Glow – custom keyframes and prose */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes parallaxFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.marquee-track {
  display: flex;
  animation: marquee 28s linear infinite;
}
.marquee-track:hover { animation-play-state: paused; }
.parallax-float { animation: parallaxFloat 5s ease-in-out infinite; }
.shimmer-text {
  background: linear-gradient(90deg, #94a3b8 0%, #e2e8f0 40%, #60a5fa 60%, #94a3b8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 3s linear infinite;
}
.fade-in-up { animation: fadeInUp 0.7s ease forwards; }
/* Prose styles */
.prose { color: #e2e8f0; line-height: 1.75; font-size: 1rem; }
.prose h2 { color: #93c5fd; font-size: 1.5rem; font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; border-bottom: 1px solid #1e3a8a; padding-bottom: 0.4rem; }
.prose h3 { color: #bfdbfe; font-size: 1.2rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose p { margin-bottom: 1rem; }
.prose a { color: #60a5fa; text-decoration: underline; }
.prose a:hover { color: #93c5fd; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.4rem; }
.prose blockquote { border-left: 4px solid #3b82f6; padding-left: 1rem; color: #94a3b8; font-style: italic; margin: 1.5rem 0; }
.prose img { max-width: 100%; height: auto; border-radius: 0.75rem; margin: 1.5rem auto; display: block; }
.prose table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; white-space: nowrap; border-collapse: collapse; margin-bottom: 1.5rem; }
.prose thead { background-color: #1e3a8a; }
.prose th { color: #bfdbfe; padding: 0.6rem 1rem; text-align: left; font-weight: 600; }
.prose td { color: #e2e8f0; padding: 0.5rem 1rem; border-bottom: 1px solid #1e3a8a; }
.prose tbody tr:hover { background-color: #0f172a; }
/* Mobile burger */
#mobile-menu { background-color: #0f172a; }
/* Utility */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }