:root { --brand: #06b6d4; --accent: #06b6d4; }
body { font-family: 'Inter', sans-serif; }
.card { border-radius: 1rem; box-shadow: 0 10px 24px rgba(2,6,23,0.06); }
.hero-overlay { background: linear-gradient(180deg, rgba(2,6,23,0.45), rgba(2,6,23,0.55)); }
.badge { background: var(--brand); color: white; padding: .25rem .5rem; border-radius: .5rem; 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; }
@media (max-width: 768px) { .animate-scroll { animation-duration: 30s; } }