@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse-gold {
  0%, 100% { box-shadow: 0 0 0 0 rgba(250,204,21,0.5); }
  50% { box-shadow: 0 0 0 12px rgba(250,204,21,0); }
}
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
.marquee-track { animation: marquee 28s linear infinite; }
.animate-fade-up { animation: fadeInUp 0.7s ease forwards; }
.pulse-gold { animation: pulse-gold 2s infinite; }
.shimmer-text {
  background: linear-gradient(90deg, #FFD700, #60a5fa, #FFD700);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
}
.parallax-hero {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.prose { color: #e2e8f0; max-width: 100%; }
.prose h2 { color: #facc15; font-size: 1.6rem; font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; border-bottom: 2px solid #1e3a5f; padding-bottom: 0.4rem; }
.prose h3 { color: #93c5fd; font-size: 1.2rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose p { margin-bottom: 1rem; line-height: 1.8; color: #cbd5e1; }
.prose a { color: #60a5fa; text-decoration: underline; }
.prose a:hover { color: #facc15; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; color: #cbd5e1; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; color: #cbd5e1; }
.prose li { margin-bottom: 0.4rem; line-height: 1.7; }
.prose blockquote { border-left: 4px solid #facc15; padding: 0.75rem 1rem; background: rgba(30,58,138,0.3); color: #93c5fd; margin: 1.5rem 0; border-radius: 0 6px 6px 0; }
.prose img { max-width: 100%; height: auto; border-radius: 10px; margin: 1.5rem auto; display: block; border: 2px solid #1e3a5f; }
.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: #1e3a5f; }
.prose th { padding: 0.6rem 1rem; color: #facc15; font-weight: 700; text-align: left; border: 1px solid #2d4a7a; }
.prose td { padding: 0.55rem 1rem; color: #cbd5e1; border: 1px solid #1e3a5f; background: rgba(15,23,42,0.6); }
.prose tr:hover td { background: rgba(30,58,138,0.3); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background-color: #020817; }
.overflow-x-auto { overflow-x: auto; -webkit-overflow-scrolling: touch; }