/* Tailwind v3 Colors (Slate) Override */
        .text-slate-50 { color: #f8fafc; } .bg-slate-50 { background-color: #f8fafc; }
        .text-slate-100 { color: #f1f5f9; } .bg-slate-100 { background-color: #f1f5f9; }
        .text-slate-200 { color: #e2e8f0; } .bg-slate-200 { background-color: #e2e8f0; }
        .text-slate-300 { color: #cbd5e1; } .bg-slate-300 { background-color: #cbd5e1; }
        .text-slate-400 { color: #94a3b8; } .bg-slate-400 { background-color: #94a3b8; }
        .text-slate-500 { color: #64748b; } .bg-slate-500 { background-color: #64748b; }
        .text-slate-600 { color: #475569; } .bg-slate-600 { background-color: #475569; }
        .text-slate-700 { color: #334155; } .bg-slate-700 { background-color: #334155; }
        .text-slate-800 { color: #1e293b; } .bg-slate-800 { background-color: #1e293b; }
        .text-slate-900 { color: #0f172a; } .bg-slate-900 { background-color: #0f172a; }
        .border-slate-200 { border-color: #e2e8f0; }

        /* Animations */
        @keyframes shine {
            0% { transform: translateX(-100%) skewX(-15deg); }
            33% { transform: translateX(200%) skewX(-15deg); }
            100% { transform: translateX(200%) skewX(-15deg); }
        }
        .animate-shine { animation: shine 3s infinite; }

        @keyframes pulse-soft {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.02); opacity: 0.95; }
        }
        
        @keyframes glow-pulse {
            0% { box-shadow: 0 0 5px rgba(241, 116, 34, 0.2); }
            50% { box-shadow: 0 0 20px rgba(241, 116, 34, 0.6); }
            100% { box-shadow: 0 0 5px rgba(241, 116, 34, 0.2); }
        }

        @keyframes shake-gentle {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-2px); }
            75% { transform: translateX(2px); }
        }

        @keyframes bounce-subtle {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-5px); }
            60% { transform: translateY(-3px); }
        }

        @keyframes wobble-hor {
            0%, 100% { transform: translateX(0); }
            15% { transform: translateX(-5px) rotate(-5deg); }
            30% { transform: translateX(4px) rotate(3deg); }
            45% { transform: translateX(-3px) rotate(-3deg); }
            60% { transform: translateX(2px) rotate(2deg); }
            75% { transform: translateX(-1px) rotate(-1deg); }
        }

        @keyframes heartbeat {
            0% { transform: scale(1); }
            14% { transform: scale(1.1); }
            28% { transform: scale(1); }
            42% { transform: scale(1.1); }
            70% { transform: scale(1); }
        }

        @keyframes tada {
            0% { transform: scale(1); }
            10%, 20% { transform: scale(0.9) rotate(-3deg); }
            30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
            40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
            100% { transform: scale(1) rotate(0); }
        }

        @keyframes swing {
            20% { transform: rotate(15deg); }
            40% { transform: rotate(-10deg); }
            60% { transform: rotate(5deg); }
            80% { transform: rotate(-5deg); }
            100% { transform: rotate(0deg); }
        }

        @keyframes flash {
            0%, 50%, 100% { opacity: 1; }
            25%, 75% { opacity: 0.7; }
        }

        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }


        /* Form Logic Classes */
        .field-wrapper { position: relative; margin-bottom: 16px; }
        .error-message { display: none; margin-top: 4px; color: #ef4444; font-size: 12px; }

        /* Aspect Ratio Fallback for Video */
        .aspect-video { aspect-ratio: 16 / 9; }
        @supports not (aspect-ratio: 16 / 9) {
            .aspect-video::before {
                float: left;
                padding-top: 56.25%;
                content: "";
            }
            .aspect-video::after {
                display: block;
                content: "";
                clear: both;
            }
        }
        
        .z-10 { z-index: 10; }
        
        .min-h-\[40px\] { min-height: 40px; }
        .min-w-\[50px\] { min-width: 50px; }
        .text-\[10px\] { font-size: 10px; }
        .text-\[24px\] { font-size: 24px; }
        
        @media (min-width: 640px) {
            .sm\:min-w-\[70px\] { min-width: 70px; }
        }
        @media (min-width: 768px) {
            .md\:min-h-\[120px\] { min-height: 120px; }
        }
        
                    @media (max-width: 768px) {
                        #el-86bfc601-ef65-4c95-bb46-ce19de89c26d {
                            flex-direction: column !important; gap: 8pxpx !important
                        }
                    }
                    @media (max-width: 768px) {
                        #el-30d6f802-0fa0-49b7-a669-f6a228c95b55 {
                            flex-direction: column !important; gap: 8pxpx !important
                        }
                    } @media (max-width: 768px) { #el-7b81d9ce-d688-427a-91c8-c96ed88d3141 .mt-2 { font-size: 11px !important; } } 
                    @media (max-width: 768px) {
                        #el-7b81d9ce-d688-427a-91c8-c96ed88d3141 {
                            padding: 12px 24px !important; font-size: 18px !important
                        }
                    }