:root { --brand: #0ea5e9; }
body { font-family: 'Inter', sans-serif; }
.hero-overlay { background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.5)); }
.card { border-radius: 1rem; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.badge { background: var(--brand); color: white; padding: .25rem .5rem; border-radius: .75rem; font-size: .75rem; }

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-scroll {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}