:root{
  --primary:#2F4BFF;
  --primary-600:#1E3A8A;
  --navy:#0F172A;
  --slate-bg:#F8FAFC;
}
*{font-family:'Inter', system-ui, -apple-system, sans-serif}
.animate-fadeIn{animation:fadeIn 0.4s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}
.scrollbar-thin::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}
.hero-grid{background-image:linear-gradient(to right,#f1f5f9 1px,transparent 1px),linear-gradient(to bottom,#f1f5f9 1px,transparent 1px);background-size:40px 40px}