/* Tailwind already injected */

/* Custom utilities */
.btn-primary {
    @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-semibold bg-cyan-500 text-black hover:bg-cyan-400 transition transform hover:scale-105;
}
.btn-secondary {
    @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-semibold border-2 border-slate-600 text-slate-300 hover:bg-slate-800 hover:border-slate-500 transition;
}
.btn-black {
    @apply inline-flex items-center justify-center px-8 py-4 rounded-lg font-bold bg-black text-white hover:bg-slate-800 transition transform hover:scale-105;
}
.btn-white {
    @apply inline-flex items-center justify-center px-8 py-4 rounded-lg font-bold bg-white text-black hover:bg-slate-200 transition transform hover:scale-105;
}
.btn-disabled {
    @apply w-full px-4 py-3 rounded-lg bg-slate-700 text-slate-500 cursor-not-allowed;
}

.card-hover {
    transition: transform .3s ease, box-shadow .3s ease;
}
.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.4);
}

.pricing-card {
    transition: transform .3s ease;
}
.pricing-card:hover {
    transform: scale(1.05) rotate(-1deg);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Neon glow for numbers */
.text-cyan-400, .text-fuchsia-500, .text-emerald-400, .text-amber-400 {
    text-shadow: 0 0 8px currentColor;
}