/*
 * Extracted inline CSS from HTML
 * Generated by Wepp AI
 * https://wepp.app
 */

/* Extracted from <style> tag 1 */
@keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes float-motion {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-8px); }
        }
        @keyframes glow {
            0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.2); }
            50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.4); }
        }
        @keyframes shimmer {
            0% { background-position: -1000px 0; }
            100% { background-position: 1000px 0; }
        }
        .animate-fade-in-up { animation: fadeInUp 0.8s ease-out; }
        .animate-fade-in-up-delay-1 { animation: fadeInUp 0.8s ease-out 0.2s both; }
        .animate-fade-in-up-delay-2 { animation: fadeInUp 0.8s ease-out 0.4s both; }
        .animate-fade-in-up-delay-3 { animation: fadeInUp 0.8s ease-out 0.6s both; }
        .animate-fade-in-up-delay-4 { animation: fadeInUp 0.8s ease-out 0.8s both; }
        .animate-slide-in { animation: slideIn 0.5s ease-out; }
        .animate-float { animation: float-motion 4s ease-in-out infinite; }
        .glow-effect { animation: glow 3s ease-in-out infinite; }
        .radial-spotlight { background: radial-gradient(600px 300px at 50% 30%, rgba(59, 130, 246, 0.18), transparent 70%); }
        @keyframes caretBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
        .typing-caret { width: 1px; height: 1.25rem; background-color: #9ca3af; animation: caretBlink 1s steps(1, end) infinite; }
        
        /* Modern gradient backgrounds */
        .bg-gradient-hero { background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 50%, #e5e7eb 100%); }
        .bg-gradient-section { background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%); }
        
        /* Glassmorphism cards */
        .card-glass {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        /* Modern blue gradient for CTAs */
        .btn-primary {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
        }
        .btn-primary:hover {
            box-shadow: 0 15px 35px rgba(59, 130, 246, 0.3);
        }
        
        /* Text gradients */
        .gradient-text {
            background: linear-gradient(135deg, #1f2937 0%, #3b82f6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        /* Better spacing */
        .space-y-lg { --tw-space-y: 2rem; }
        
        /* Subtle animation on scroll */
        .fade-in-onscroll {
            opacity: 0;
            transition: opacity 0.6s ease-out;
        }
        .fade-in-onscroll.in-view {
            opacity: 1;
        }