@import "tailwindcss";

@theme {
    --color-primary: #1e40af;
    --color-accent: #f97316;
}

@layer components {
    .btn-primary {
        @apply bg-orange-500 px-8 py-3 font-semibold text-white shadow-lg transition-all duration-300 rounded-full hover:-translate-y-1 hover:bg-orange-600 inline-flex items-center justify-center;
    }
    
    .btn-secondary {
        @apply bg-blue-700 px-8 py-3 font-semibold text-white shadow-lg transition-all duration-300 rounded-full hover:-translate-y-1 hover:bg-blue-800 inline-flex items-center justify-center;
    }
    
    .price-card {
        @apply rounded-2xl border border-gray-100 bg-white p-6 shadow-xl transition-all duration-300 hover:shadow-2xl;
    }
    
    .glass-morphism {
        @apply backdrop-blur-md bg-white/10 border border-white/10;
    }
    
    .bg-hero-gradient {
        background: linear-gradient(135deg, rgba(30, 64, 175, 0.95) 0%, rgba(15, 23, 42, 0.9) 100%);
    }
    
    .sticky-cta {
        @apply fixed bottom-4 left-4 right-4 z-50 flex gap-2 md:hidden;
    }
}

body {
    @apply antialiased text-slate-900 bg-slate-50;
    scroll-behavior: smooth;
}