/* Shared styling helpers */
.navlink{ @apply px-3 py-2 rounded-xl text-sm font-semibold text-slate-700 hover:bg-slate-100; }
.navlink-active{ @apply bg-slate-900 text-white hover:bg-slate-800; }
.btn-primary{ @apply inline-flex items-center justify-center rounded-2xl px-5 py-3 text-base font-semibold shadow-sm ring-1 ring-slate-200 hover:shadow bg-emerald-600 text-white hover:bg-emerald-700 cursor-pointer; }
.btn-secondary{ @apply inline-flex items-center justify-center rounded-2xl px-5 py-3 text-base font-semibold ring-1 ring-slate-300 text-slate-800 hover:bg-slate-50 hover:shadow-sm cursor-pointer; }
.section-title{ @apply text-3xl md:text-4xl font-extrabold tracking-tight; }
.section-subtitle{ @apply mt-2 text-slate-600 max-w-3xl; }
.section-underline{ @apply mt-4 h-1 w-20 bg-emerald-500 rounded-full; }
.logo{ display:inline-block; width:32px; height:32px; border-radius:10px; background: linear-gradient(135deg,#059669,#10b981); position:relative; }
.logo:after{ content:'V'; position:absolute; inset:0; display:grid; place-items:center; color:white; font-weight:800; }
.hero{ @apply relative overflow-hidden; }
.hero-bg{ @apply absolute inset-0 -z-10 bg-gradient-to-br from-emerald-50 via-white to-sky-50; }
.card{ @apply bg-white rounded-2xl p-6 ring-1 ring-slate-200 shadow-sm; }
.list{ @apply mt-3 list-disc list-inside text-slate-700; }
.link{ @apply text-emerald-700 font-semibold hover:underline cursor-pointer; }
.footer{ @apply bg-slate-900 text-slate-200; }
.badge{ @apply inline-flex items-center gap-2 rounded-full px-3 py-1 text-sm font-medium bg-emerald-50 text-emerald-700 ring-1 ring-emerald-200; }