/* Custom tweaks layered on top of Tailwind */
:root { --accent: #7c3aed; }
.bg-grid { background-image: radial-gradient(rgba(0,0,0,0.08) 1px, transparent 1px);
           background-size: 18px 18px; }
.hero-gradient { background: radial-gradient(1200px 600px at 10% -10%, rgba(124,58,237,0.25), transparent),
                          radial-gradient(900px 400px at 100% 0%, rgba(236,72,153,0.18), transparent); }
.card { @apply rounded-2xl shadow-lg transition-transform duration-300 hover:-translate-y-1 hover:shadow-2xl; }
.badge { @apply inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold; background: rgba(124,58,237,0.12); color: #6d28d9; }
.kicker { @apply uppercase tracking-widest text-xs text-gray-500; }
.prose-lg p { @apply leading-relaxed; }