@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        
        * {
            font-family: 'Inter', sans-serif;
        }
        
        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
            .mobile-hide { display: none !important; }
            .mobile-grid { grid-template-columns: 1fr !important; gap: 1rem !important; }
            .mobile-padding { padding: 1rem !important; }
            .mobile-text-sm { font-size: 0.875rem !important; }
            .mobile-h-auto { height: auto !important; }
            .mobile-w-full { width: 100% !important; }
            .mobile-flex-col { flex-direction: column !important; }
            .mobile-space-y-4 > * + * { margin-top: 1rem !important; }
            .mobile-sticky { position: sticky !important; top: 0 !important; z-index: 50 !important; }
        }
        
        @media (max-width: 640px) {
            .sm-text-xs { font-size: 0.75rem !important; }
            .sm-p-3 { padding: 0.75rem !important; }
            .sm-gap-3 { gap: 0.75rem !important; }
            .sm-h-20 { height: 5rem !important; }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-10px) rotate(1deg); }
        }
        
        @keyframes glow {
            from { box-shadow: 0 0 20px rgba(139, 92, 246, 0.4), 0 0 40px rgba(139, 92, 246, 0.2); }
            to { box-shadow: 0 0 30px rgba(139, 92, 246, 0.8), 0 0 60px rgba(139, 92, 246, 0.4); }
        }
        
        @keyframes slideInLeft {
            from { transform: translateX(-100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        @keyframes slideInRight {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        @keyframes fadeInUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        @keyframes bounceSubtle {
            0%, 100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-5px) scale(1.02); }
        }
        
        @keyframes pulseRing {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.8; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        
        body {
            background: radial-gradient(ellipse at top, #e2e8f1 0%, #e2e8f0 30%, #e1e5f0 100%);
            background-attachment: fixed;
        }
        
        .glass {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }
        
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(30px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 
                0 20px 40px rgba(0, 0, 0, 0.1),
                0 8px 16px rgba(0, 0, 0, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.6);
        }
        
        .glass-header {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(40px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        }
        
        .car-card {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .car-card:hover {
            transform: translateY(-10px);
            box-shadow: 
                0 25px 50px rgba(0, 0, 0, 0.15),
                0 15px 25px rgba(139, 92, 246, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }
        
        .nav-icon {
            transition: all 0.3s ease;
        }
        
        .nav-icon:hover {
            transform: scale(1.1);
            background: rgba(139, 92, 246, 0.1);
        }
        
        .nav-icon.active {
            background: linear-gradient(135deg, #8B5CF6, #A855F7);
            box-shadow: 0 8px 16px rgba(139, 92, 246, 0.4);
        }
        
        .range-slider {
            -webkit-appearance: none;
            appearance: none;
            background: linear-gradient(to right, #E5E7EB 0%, #E5E7EB 60%, #8B5CF6 60%, #8B5CF6 100%);
            height: 6px;
            border-radius: 3px;
            outline: none;
        }
        
        .range-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(135deg, #8B5CF6, #A855F7);
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(139, 92, 246, 0.4);
            border: 2px solid white;
        }
        
        .range-slider::-moz-range-thumb {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(135deg, #8B5CF6, #A855F7);
            cursor: pointer;
            border: 2px solid white;
            box-shadow: 0 4px 8px rgba(139, 92, 246, 0.4);
        }
        
        .type-btn {
            transition: all 0.3s ease;
        }
        
        .type-btn.active {
            background: linear-gradient(135deg, #8B5CF6, #A855F7);
            color: white;
            box-shadow: 0 6px 12px rgba(139, 92, 246, 0.4);
        }
        
        .color-btn {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .color-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }
        
        .color-btn.selected {
            transform: scale(1.05);
            box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.4), 0 6px 12px rgba(0, 0, 0, 0.3);
        }
        
        .search-input {
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
        }
        
        .search-input:focus {
            background: rgba(255, 255, 255, 1);
            box-shadow: 0 8px 20px rgba(139, 92, 246, 0.2), 0 0 0 2px rgba(139, 92, 246, 0.1);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #8B5CF6, #A855F7);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(139, 92, 246, 0.4);
        }
        
        .price-tag {
            background: linear-gradient(135deg, #10B981, #059669);
            color: white;
            font-weight: 600;
            box-shadow: 0 3px 6px rgba(16, 185, 129, 0.3);
        }
        
        .rating-stars {
            color: #FBBF24;
            filter: drop-shadow(0 1px 2px rgba(251, 191, 36, 0.3));
        }
        
        .map-pin {
            width: 8px;
            height: 8px;
            background: #EF4444;
            border-radius: 50%;
            position: absolute;
            box-shadow: 0 1px 3px rgba(239, 68, 68, 0.4);
            animation: bounce-subtle 3s infinite;
        }
        
        .floating-circle {
            position: absolute;
            border-radius: 50%;
            background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(168, 85, 247, 0.05));
            animation: float 8s ease-in-out infinite;
            pointer-events: none;
        }
        
        /* Mobile Touch Optimizations */
        @media (max-width: 768px) {
            .car-card:hover {
                transform: none !important;
            }
            
            .car-card:active {
                transform: scale(0.98) !important;
            }
            
            .search-input:focus {
                transform: none !important;
            }
            
            .btn-primary:hover {
                transform: none !important;
            }
            
            .btn-primary:active {
                transform: scale(0.95) !important;
            }
        }